/*
 ****************************************************************************
 * 
 * Copyright (c)2014 The Vanguard Group of Investment Companies (VGI)
 * All rights reserved.
 * 
 * This source code is CONFIDENTIAL and PROPRIETARY to VGI. Unauthorized
 * distribution, adaptation, or use may be subject to civil and criminal
 * penalties.
 *
 ****************************************************************************
 Version: 1.32.0-M20160706-01
 Built: 07/06/2016 03:36 PM UTC
*/
/***************************************************

	VUI RESET CSS
	[ consistent appearances across browsers ]
	test
***************************************************/

/* 
	global reset to border box model 
	remove the tap highlight color from touch devices 
*/
* { 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
}

/* 
	base everything at 12px since 99% of our font sizes are 12px

	formula to remember for future font declarations
	target / base = actual
	font-size = 21px / 12px
	.someClass { font-size: 1.75em; font-size: 1.75rem; }
	
	ems for non-rem supporting browsers
*/

html { 
	/* set base font to 12px color 333 */
	font: normal 75%/normal Arial, sans-serif;
	color: #333;
	
	/* fix for text size zooming on rotation */
 	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html body {
	line-height: 1.5;
}

/*
	- remove default margin, padding, and border
	- set vertical align to default to baseline to 
	  achieve more consistent alignment among elements
*/

a, 
b, 
abbr, 
acronym, 
address, 
article, 
aside, 
audio, 
b, 
blockquote, 
body, 
canvas, 
center, 
details, 
dd, 
div, 
dt, 
dl, 
em, 
figcaption, 
figure, 
font, 
footer, 
form, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
header, 
hgroup, 
hr, 
i, 
iframe, 
img, 
label, 
mark, 
menu, 
meter, 
nav, 
object, 
ol, 
p, 
pre, 
progress, 
section, 
span, 
strong, 
summary, 
table, 
tbody, 
td, 
th, 
time, 
tr, 
ul, 
video {
	margin: 0px; 
	padding: 0px; 
	border: 0px;
	vertical-align: baseline;
}


/* 
	reset font size and line height
*/ 

a, 
abbr, 
acronym, 
address, 
address, 
article, 
aside, 
audio, 
b, 
blockquote, 
body, 
button, 
canvas, 
dd, 
details, 
div, 
dl, 
dt, 
em, 
figcaption, 
figure, 
font, 
footer, 
form, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
header, 
hgroup, 
i, 
iframe, 
img,
input, 
label, 
li, 
mark, 
menu, 
meter, 
nav, 
object, 
ol, 
p, 
pre, 
progress, 
section, 
select,
span, 
strong, 
summary, 
table, 
tbody, 
td,
textarea, 
th, 
time, 
tr, 
ul, 
video {
	font: inherit;
}

	
/* plain link */
a 		{ color:#8D4900; text-decoration: underline; }
a:hover { color:#96151D; }
p		{ margin-bottom: 18px; }

@media \0screen\,screen\9 
{
	/* ie8 and less */
	table, 
	input { line-height: 1.5; }
}

/* 
	make i, em, b, and strong use the 
	same font styles across browsers
*/
i, 
em {
	font-style: italic;
}

b,
strong {
	font-weight: bold;
}

/*
	reset h tags and th's to 
	normal instead of bold
*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
th { 
	font-weight: normal;
}

/* 
	reset address style to normal
	since it defaults to italic 
*/
address { 
	font-style: normal; 
}

/*
	make HTML5 elements display correctly
	in IE8 and below
*/
@media \0screen\,screen\9 
{
	article, 
	aside, 
	blockquote, 
	details, 
	figcaption, 
	figure, 
	footer,
	header, 
	hgroup, 
	menu, 
	nav, 
	section, 
	summary {
		display: block;
	}
}

audio, 
canvas,
meter, 
progress,
video {
	display: inline-block;
}

mark {
	background-color: yellow;
}
/*
	reset inputs
*/

button,
input,
select,
textarea { 
	margin: 0px; 
	padding: 0px; 
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select {
	height: 30px;
}

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
	padding-left: 4px;
	padding-right: 4px;
}

@media (min-width: 1001px), print
{
	input[type=date],
	input[type=datetime],
	input[type=datetime-local],
	input[type=email],
	input[type=month],
	input[type=number],
	input[type=password],
	input[type=search],
	input[type=tel],
	input[type=text],
	input[type=time],
	input[type=url],
	input[type=week],
	select {
		height: 21px;
	}
}

@media \0screen\,screen\9 
{
	input[type=date],
	input[type=datetime],
	input[type=datetime-local],
	input[type=email],
	input[type=month],
	input[type=number],
	input[type=password],
	input[type=search],
	input[type=tel],
	input[type=text],
	input[type=time],
	input[type=url],
	input[type=week],
	select {
		height: 21px;
	}
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	/* cursor pointer for buttons (hand) */
	cursor: pointer;
}

button[disabled],
input[disabled] {
	/* cursor default for disabled inputs */
	cursor: default;
}

button, 
input[type=button],
input[type=reset],
input[type=submit] {
	/* 1px top and bottom fixes vertical align in some browsers */
	padding: 1px 0px; 
}

@-moz-document url-prefix() { 
	/* fix firefox vertical aligment of buttons */
	button,
	input[type=button],
	input[type=reset],
	input[type=submit] {
		height: auto;
		line-height: normal;
	}
	/* fix extra inner padding in firefox */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		padding: 0px;
	}
}

button, 
input[type=button],
input[type=reset],
input[type=submit],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea { 
	/* remove webkit default appearances */
	-webkit-appearance: none; 
	-webkit-border-radius: 0px; 
}

input[type=button],
input[type=reset],
input[type=submit],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
select { 
	border: 1px solid #CCC; 
}

button {
	border-width: 0px; 
}


/* 
	Lists
*/
ul, 
ol  {
	list-style-position: outside;
}
ol  {
	padding: 0px 0px 0px 18px;
}
ul {
	padding: 0px 0px 0px 18px;
}
nav ul {
	list-style-type: none;
	padding: 0px;
}

/*
	Tables
*/

table { 
	border-spacing: 0px;		/* collapse cell spacing */
	border-collapse: separate;	/* collapse causes rendering issues, so make sure it is the default of separate */
	empty-cells: show;			/* show decorations on empty cells */
}

table th { 
	/* reset th's to align left like other cells  */
	text-align: left;
}

/*
	Image scaling quality in IE Standards mode
*/

img {
	-ms-interpolation-mode: bicubic; 
}

/*** SUPERSCRIPT TAG ***/

sup { line-height: 0; vertical-align: super; }

/* ie8 and less */
@media \0screen\,screen\9 
{
	sup { vertical-align: baseline; position: relative; top: -0.8ex; } /* yes, that is supposed to be 0.8ex */
}

/*
	Pre and code consistency 
	[ for our code examples ]
*/

pre, pre *,
code, code * {
	font-family: "Courier New", Courier, monospace;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
}

/*
	horizontal rule 
*/
hr {
	display: block; 
	border-top: 1px solid #d9d9d9;
	height: 1px;
	/* 
		12px top and bottom margin in all browsers
		ie quirks has 7px that can't be removed 
	*/
	margin: 12px 0px;
}
/****************************   

	IE9 + modern browsers

****************************/


/******* SHARED - ALL SIZES *******/

#breakpoint		{ width: 0px; display: none; }
.gridContent	{ padding-right: 18px; }
.gridContainer	{ display: table; width: 100%; }
.gridNoRgtPad	{ padding-right: 0px !important; }


/******* RIGHT AND LEFT NAV *******/

.rnav, .lnav { background-color: #EAE5DA; border-right: 18px solid white; padding: 18px 0px 1px 18px; }

@media screen and (min-width: 1001px), print 
{ 
	/* min height only activated on large */
	.rnavParent, .lnavParent { height: 464px; }
	
	/* right and left nav get 12px left and right padding on large */
	.rnav, .lnav { padding-left: 12px; }
	.rnav .gridContent, .lnav .gridContent { padding-right: 12px; }
}

@media \0screen\,screen\9 
{
	.lnavParent, 
	.rnavParent { min-height: 464px; }
	
	/* right and left nav get 12px left and right padding on large */
	.rnav, .lnav { padding-left: 12px; }
	.rnav .gridContent, .lnav .gridContent { padding-right: 12px; }
}


/******* LEFT BORDERS *******/

.leftBorder,
.respLftBorder:before,
.respLftBorderSml:before { background: url(./images/dottedRuleNG.png) scroll; }

.leftBorder { padding-left: 18px; background-repeat: repeat-y; -moz-border-image: none; -webkit-border-image: none; -o-border-image: none; border-image: none; border-width: 0px; }

.respLftBorder:before,
.respLftBorderSml:before { padding-right: 18px; background-repeat: repeat-x; content: ""; display: block; height: 19px; -webkit-background-clip: content-box; background-clip: content-box; }

@media ( min-width: 600px )
{
	.respLftBorderSml:before { display: none; }
	.respLftBorderSml { padding-left: 18px; background: url(./images/dottedRuleNG.png) repeat-y scroll; }
}

@media ( min-width: 1001px ), print
{
	.respLftBorder:before { display: none; }
	.respLftBorder { padding-left: 18px; background: url(./images/dottedRuleNG.png) repeat-y scroll; }
}

@media \0screen\,screen\9 
{
	.respLftBorder:before,
	.respLftBorderSml:before { display: none; }
	.respLftBorder,
	.respLftBorderSml { padding-left: 18px; background: url(./images/dottedRuleNG.png) repeat-y scroll; }
}


/******* GRID SYSTEM - MED AND LRG *******/

@media (min-width: 600px), print 
{
	.grid12,
	.grid11,
	.grid10,
	.grid9,
	.grid8,
	.grid7,
	.grid6,
	.grid5,
	.grid4,
	.grid3,
	.grid2,
	.grid1,
	.gridOneQuarter,
	.gridOneThird,
	.gridHalf,
	.gridTwoThirds,
	.gridThreeQuarters { display: table-cell; vertical-align: top; }
	
	.gridOneQuarter 	{ width: 25%; }
	.gridOneThird 		{ width: 33.33333333333333%; }
	.gridHalf 			{ width: 50%; }
	.gridTwoThirds 		{ width: 66.66666666666666%; }
	.gridThreeQuarters 	{ width: 75%; }
	
	.grid12  { width: 100%; }
	
	.grid11 { width: 91.66666666666666%; }
	.grid11 .grid11 { width: 100%; }
	.grid11 .grid10 { width: 90.9090909090909%; }
	.grid11 .grid9  { width: 81.81818181818183%; }
	.grid11 .grid8  { width: 72.72727272727273%; }
	.grid11 .grid7  { width: 63.63636363636363%; }
	.grid11 .grid6  { width: 54.54545454545454%; }
	.grid11 .grid5  { width: 45.45454545454545%; }
	.grid11 .grid4  { width: 36.36363636363637%; }
	.grid11 .grid3  { width: 27.27272727272727%; }
	.grid11 .grid2  { width: 18.181818181818183%; }
	.grid11 .grid1  { width: 9.090909090909091%; }
	
	.grid10 { width: 83.33333333333334%; }
	.grid10 .grid10 { width: 100%; }
	.grid10 .grid9  { width: 90%; }
	.grid10 .grid8  { width: 80%; }
	.grid10 .grid7  { width: 70%; }
	.grid10 .grid6  { width: 60%; }
	.grid10 .grid5  { width: 50%; }
	.grid10 .grid4  { width: 40%; }
	.grid10 .grid3  { width: 30%; }
	.grid10 .grid2  { width: 20%; }
	.grid10 .grid1  { width: 10%; }
	
	.grid9 { width: 75%; }
	.grid9 .grid9 { width: 100%; }
	.grid9 .grid8 { width: 88.88888888888888%; }
	.grid9 .grid7 { width: 77.77777777777778%; }
	.grid9 .grid6 { width: 66.66666666666666%; }
	.grid9 .grid5 { width: 55.55555555555556%; }
	.grid9 .grid4 { width: 44.44444444444444%; }
	.grid9 .grid3 { width: 33.33333333333333%; }
	.grid9 .grid2 { width: 22.22222222222222%; }
	.grid9 .grid1 { width: 11.11111111111111%; }
	
	.grid8 { width: 66.66666666666666%; }
	.grid8 .grid8 { width: 100%; }
	.grid8 .grid7 { width: 87.5%; }
	.grid8 .grid6 { width: 75%; }
	.grid8 .grid5 { width: 62.5%; }
	.grid8 .grid4 { width: 50%; }
	.grid8 .grid3 { width: 37.5%; }
	.grid8 .grid2 { width: 25%; }
	.grid8 .grid1 { width: 12.5%; }
	
	.grid7 { width: 58.333333333333336%; }
	.grid7 .grid7 { width: 100%; }
	.grid7 .grid6 { width: 85.71428571428571%; }
	.grid7 .grid5 { width: 71.42857142857143%; }
	.grid7 .grid4 { width: 57.14285714285714%; }
	.grid7 .grid3 { width: 42.857142857142854%; }
	.grid7 .grid2 { width: 28.57142857142857%; }
	.grid7 .grid1 { width: 14.285714285714284%; }
	
	.grid6 { width: 50%; }
	.grid6 .grid6 { width: 100%; }
	.grid6 .grid5 { width: 83.33333333333334%; }
	.grid6 .grid4 { width: 66.66666666666666%; }
	.grid6 .grid3 { width: 50%; }
	.grid6 .grid2 { width: 33.33333333333333%; }
	.grid6 .grid1 { width: 16.666666666666664%; }
	
	.grid5 { width: 41.66666666666667%; }
	.grid5 .grid5 { width: 100%; }
	.grid5 .grid4 { width: 80%; }
	.grid5 .grid3 { width: 60%; }
	.grid5 .grid2 { width: 40%; }
	.grid5 .grid1 { width: 20%; }
	
	.grid4 { width: 33.33333333333333%; }
	.grid4 .grid4 { width: 100%; }
	.grid4 .grid3 { width: 75%; }
	.grid4 .grid2 { width: 50%; }
	.grid4 .grid1 { width: 25%; }
	
	.grid3 { width: 25%; }
	.grid3 .grid3 { width: 100%; }
	.grid3 .grid2 { width: 66.66666666666666%; }
	.grid3 .grid1 { width: 33.33333333333333%; }
	
	.grid2 { width: 16.666666666666664%; }
	.grid2 .grid2 { width: 100%; }
	.grid2 .grid1 { width: 50%; }
	
	.grid1 { width: 8.333333333333332%; }
	.grid1 .grid1 { width: 100%; }
} 


/******* GRID SYSTEM - SML *******/

@media screen and (max-width: 599px) 
{  
	#breakpoint { width: 1px; }

	.respNoRgtPadSml { padding-right: 0px !important; }
	.respContainer { display: table; width: 100%; }
	
	.respOneQuarterSml, 
	.respOneThirdSml, 
	.respHalfSml,
	.respTwoThirdsSml,
	.respThreeQuartersSml	{ display: table-cell; vertical-align: top; }

	.respOneQuarterSml,
	div[class^="grid"] .respOneQuarterSml	 { width: 25%; }
	.respOneThirdSml,
	div[class^="grid"] .respOneThirdSml		 { width: 33.33333333333333%; }
	.respHalfSml,
	div[class^="grid"] .respHalfSml			 { width: 50%; }
	.respTwoThirdsSml,
	div[class^="grid"] .respTwoThirdsSml	 { width: 66.66666666666666%; }
	.respThreeQuartersSml,
	div[class^="grid"] .respThreeQuartersSml { width: 75%; }
}


/******* GRID SYSTEM - MED *******/

@media screen and (min-width: 600px) and (max-width: 1000px) 
{ 
	#breakpoint { width: 2px; }

	.respNoRgtPadMed { padding-right: 0px !important; }
	.respContainer { display: table; width: 100%; }
	
	.respOneQuarterMed,
	.respOneThirdMed,
	.respHalfMed,
	.respTwoThirdsMed,
	.respThreeQuartersMed { display: table-cell; vertical-align: top; }

	.respWholeMed,
	div[class^="grid"] .respWholeMed		 { display: block; width: 100%; }
	.respOneQuarterMed,
	div[class^="grid"] .respOneQuarterMed	 { width: 25%; }
	.respOneThirdMed,
	div[class^="grid"] .respOneThirdMed		 { width: 33.33333333333333%; }
	.respHalfMed,
	div[class^="grid"] .respHalfMed			 { width: 50%; }
	.respTwoThirdsMed,
	div[class^="grid"] .respTwoThirdsMed	 { width: 66.66666666666666%; }
	.respThreeQuartersMed,
	div[class^="grid"] .respThreeQuartersMed { width: 75%; }
}

/******* GRID SYSTEM - LRG *******/

@media (min-width: 1001px), print 
{
    #breakpoint { width: 3px; }
}

/******* GRID SYSTEM - IE8 and Less - Always LRG *******/

@media \0screen\,screen\9 
{
	.grid12,
	.grid11,
	.grid10,
	.grid9,
	.grid8,
	.grid7,
	.grid6,
	.grid5,
	.grid4,
	.grid3,
	.grid2,
	.grid1,
	.gridOneQuarter,
	.gridOneThird,
	.gridHalf,
	.gridTwoThirds,
	.gridThreeQuarters { display: table-cell; vertical-align: top; }
	
	.gridOneQuarter 	{ width: 25%; }
	.gridOneThird 		{ width: 33.33333333333333%; }
	.gridHalf 			{ width: 50%; }
	.gridTwoThirds 		{ width: 66.66666666666666%; }
	.gridThreeQuarters 	{ width: 75%; }
	
	.grid12  { width: 100%; }
	
	.grid11 { width: 91.66666666666666%; }
	.grid11 .grid11 { width: 100%; }
	.grid11 .grid10 { width: 90.9090909090909%; }
	.grid11 .grid9  { width: 81.81818181818183%; }
	.grid11 .grid8  { width: 72.72727272727273%; }
	.grid11 .grid7  { width: 63.63636363636363%; }
	.grid11 .grid6  { width: 54.54545454545454%; }
	.grid11 .grid5  { width: 45.45454545454545%; }
	.grid11 .grid4  { width: 36.36363636363637%; }
	.grid11 .grid3  { width: 27.27272727272727%; }
	.grid11 .grid2  { width: 18.181818181818183%; }
	.grid11 .grid1  { width: 9.090909090909091%; }
	
	.grid10 { width: 83.33333333333334%; }
	.grid10 .grid10 { width: 100%; }
	.grid10 .grid9  { width: 90%; }
	.grid10 .grid8  { width: 80%; }
	.grid10 .grid7  { width: 70%; }
	.grid10 .grid6  { width: 60%; }
	.grid10 .grid5  { width: 50%; }
	.grid10 .grid4  { width: 40%; }
	.grid10 .grid3  { width: 30%; }
	.grid10 .grid2  { width: 20%; }
	.grid10 .grid1  { width: 10%; }
	
	.grid9 { width: 75%; }
	.grid9 .grid9 { width: 100%; }
	.grid9 .grid8 { width: 88.88888888888888%; }
	.grid9 .grid7 { width: 77.77777777777778%; }
	.grid9 .grid6 { width: 66.66666666666666%; }
	.grid9 .grid5 { width: 55.55555555555556%; }
	.grid9 .grid4 { width: 44.44444444444444%; }
	.grid9 .grid3 { width: 33.33333333333333%; }
	.grid9 .grid2 { width: 22.22222222222222%; }
	.grid9 .grid1 { width: 11.11111111111111%; }
	
	.grid8 { width: 66.66666666666666%; }
	.grid8 .grid8 { width: 100%; }
	.grid8 .grid7 { width: 87.5%; }
	.grid8 .grid6 { width: 75%; }
	.grid8 .grid5 { width: 62.5%; }
	.grid8 .grid4 { width: 50%; }
	.grid8 .grid3 { width: 37.5%; }
	.grid8 .grid2 { width: 25%; }
	.grid8 .grid1 { width: 12.5%; }
	
	.grid7 { width: 58.333333333333336%; }
	.grid7 .grid7 { width: 100%; }
	.grid7 .grid6 { width: 85.71428571428571%; }
	.grid7 .grid5 { width: 71.42857142857143%; }
	.grid7 .grid4 { width: 57.14285714285714%; }
	.grid7 .grid3 { width: 42.857142857142854%; }
	.grid7 .grid2 { width: 28.57142857142857%; }
	.grid7 .grid1 { width: 14.285714285714284%; }
	
	.grid6 { width: 50%; }
	.grid6 .grid6 { width: 100%; }
	.grid6 .grid5 { width: 83.33333333333334%; }
	.grid6 .grid4 { width: 66.66666666666666%; }
	.grid6 .grid3 { width: 50%; }
	.grid6 .grid2 { width: 33.33333333333333%; }
	.grid6 .grid1 { width: 16.666666666666664%; }
	
	.grid5 { width: 41.66666666666667%; }
	.grid5 .grid5 { width: 100%; }
	.grid5 .grid4 { width: 80%; }
	.grid5 .grid3 { width: 60%; }
	.grid5 .grid2 { width: 40%; }
	.grid5 .grid1 { width: 20%; }
	
	.grid4 { width: 33.33333333333333%; }
	.grid4 .grid4 { width: 100%; }
	.grid4 .grid3 { width: 75%; }
	.grid4 .grid2 { width: 50%; }
	.grid4 .grid1 { width: 25%; }
	
	.grid3 { width: 25%; }
	.grid3 .grid3 { width: 100%; }
	.grid3 .grid2 { width: 66.66666666666666%; }
	.grid3 .grid1 { width: 33.33333333333333%; }
	
	.grid2 { width: 16.666666666666664%; }
	.grid2 .grid2 { width: 100%; }
	.grid2 .grid1 { width: 50%; }
	
	.grid1 { width: 8.333333333333332%; }
	.grid1 .grid1 { width: 100%; }
}
/******* HORIZONTAL ALIGNMENT *******/

/* all */
.vuiTextAlignLeft   { text-align: left   !important; }
.vuiTextAlignCenter { text-align: center !important; }
.vuiTextAlignRight  { text-align: right  !important; }

/* small */
@media screen and (max-width: 599px)
{
	.vuiTextAlignLeftOnSmall   { text-align: left   !important; }
	.vuiTextAlignCenterOnSmall { text-align: center !important; }
	.vuiTextAlignRightOnSmall  { text-align: right  !important; }
}

/* medium */
@media screen and (min-width: 600px) and (max-width: 1000px)
{
	.vuiTextAlignLeftOnMedium   { text-align: left   !important; }
	.vuiTextAlignCenterOnMedium { text-align: center !important; }
	.vuiTextAlignRightOnMedium  { text-align: right  !important; }
}

/* large */
@media (min-width: 1001px), print
{
	.vuiTextAlignLeftOnLarge   { text-align: left   !important; }
	.vuiTextAlignCenterOnLarge { text-align: center !important; }
	.vuiTextAlignRightOnLarge  { text-align: right  !important; }
}

/* large IE8 */
@media \0screen\,screen\9
{
    .vuiTextAlignLeftOnLarge   { text-align: left   !important; }
    .vuiTextAlignCenterOnLarge { text-align: center !important; }
    .vuiTextAlignRightOnLarge  { text-align: right  !important; }
}

/******* VERTICAL ALIGNMENT *******/

/* all */
.vuiVerticalAlignTop      { vertical-align: top      !important; }
.vuiVerticalAlignMiddle   { vertical-align: middle   !important; }
.vuiVerticalAlignBottom   { vertical-align: bottom   !important; }
.vuiVerticalAlignBaseline { vertical-align: baseline !important; }

/* small */
@media screen and (max-width: 599px)
{
	.vuiVerticalAlignTopOnSmall      { vertical-align: top      !important; }
	.vuiVerticalAlignMiddleOnSmall   { vertical-align: middle   !important; }
	.vuiVerticalAlignBottomOnSmall   { vertical-align: bottom   !important; }
	.vuiVerticalAlignBaselineOnSmall { vertical-align: baseline !important; }
}

/* medium */
@media screen and (min-width: 600px) and (max-width: 1000px)
{
	.vuiVerticalAlignTopOnMedium      { vertical-align: top      !important; }
	.vuiVerticalAlignMiddleOnMedium   { vertical-align: middle   !important; }
	.vuiVerticalAlignBottomOnMedium   { vertical-align: bottom   !important; }
	.vuiVerticalAlignBaselineOnMedium { vertical-align: baseline !important; }
}

/* large */
@media (min-width: 1001px), print
{
	.vuiVerticalAlignTopOnLarge      { vertical-align: top      !important; }
	.vuiVerticalAlignMiddleOnLarge   { vertical-align: middle   !important; }
	.vuiVerticalAlignBottomOnLarge   { vertical-align: bottom   !important; }
	.vuiVerticalAlignBaselineOnLarge { vertical-align: baseline !important; }
}

/* large IE8 */
@media \0screen\,screen\9
{
    .vuiVerticalAlignTopOnLarge      { vertical-align: top      !important; }
    .vuiVerticalAlignMiddleOnLarge   { vertical-align: middle   !important; }
    .vuiVerticalAlignBottomOnLarge   { vertical-align: bottom   !important; }
    .vuiVerticalAlignBaselineOnLarge { vertical-align: baseline !important; }
}
/******* BACKGROUND COLORS *******/

/*
    'bgc-ColorName' versions are deprecated,
    but due to their frequent use,
    we will not remove them in our breaking change release,
    which is why they are not in deprecated.css
*/

.vuiBackgroundColorAqua,
.bgc-aqua                       { background-color: #009AA6 !important; }

.vuiBackgroundColorBlack,
.bgc-black                      { background-color: #333333 !important; }

.vuiBackgroundColorBrightBlue,
.bgc-brightBlue                 { background-color: #0098DB !important; }

.vuiBackgroundColorBrightGreen,
.bgc-brightGreen                { background-color: #34B233 !important; }

.vuiBackgroundColorBrown,
.bgc-brown                      { background-color: #5A311C !important; }

.vuiBackgroundColorClassicNavy,
.bgc-classicNavy                { background-color: #003C69 !important; }

.vuiBackgroundColorGreen,
.bgc-green                      { background-color: #69923A !important; }

.vuiBackgroundColorGreen2,
.bgc-green2                     { background-color: #A8b400 !important; }

.vuiBackgroundColorGreen3,
.bgc-green3                     { background-color: #BBCF9D !important; }

.vuiBackgroundColorGreen4,
.bgc-green4                     { background-color: #D3E0C5 !important; }

.vuiBackgroundColorGrey,
.bgc-grey                       { background-color: #EBEBE3 !important; }

.vuiBackgroundColorGrey2,
.bgc-grey2                      { background-color: #666666 !important; }

.vuiBackgroundColorOlive,
.bgc-olive                      { background-color: #9A8419 !important; }

.vuiBackgroundColorOrange,
.bgc-orange                     { background-color: #E37222 !important; }

.vuiBackgroundColorPaleBrown,
.bgc-paleBrown                  { background-color: #948775 !important; }

.vuiBackgroundColorPurple,
.bgc-purple                     { background-color: #80379B !important; }

.vuiBackgroundColorPutty,
.bgc-putty                      { background-color: #EAE5DA !important; }

.vuiBackgroundColorSlate,
.bgc-slate                      { background-color: #44697D !important; }

.vuiBackgroundColorTeal,
.bgc-teal                       { background-color: #006778 !important; }

.vuiBackgroundColorVanguardRed,
.bgc-vgRed                      { background-color: #96151D !important; }

.vuiBackgroundColorWhite,
.bgc-white                      { background-color: #FFF    !important; }

.vuiBackgroundColorYellowOrange,
.bgc-yellowOrange               { background-color: #F0AB00 !important; }
/******* BORDERS *******/

/* all */
.vuiBorderBottom0px { border-bottom-width: 0px !important; }

/* small */
@media screen and (max-width: 599px)
{
	.vuiBorderBottom0pxOnSmall { border-bottom-width: 0px !important; }
}

/* medium */
@media screen and (min-width: 600px) and (max-width: 1000px)
{
	.vuiBorderBottom0pxOnMedium { border-bottom-width: 0px !important; }
}

/* large */
@media (min-width: 1001px), print
{
	.vuiBorderBottom0pxOnLarge { border-bottom-width: 0px !important; }
}

/* large IE8 */
@media \0screen\,screen\9
{
    .vuiBorderBottom0pxOnLarge { border-bottom-width: 0px !important; }
}
/******* CALLOUT *******/

.vuiCallout {
    display: inline-block;
    padding: 3px 10px;
    margin: 3px;
    border-radius: 2px;
    word-wrap: break-word;
    color: #FFF;
}

.vuiCallout.vuiBackgroundColorPutty,
.vuiCallout.bgc-putty,
.vuiCallout.vuiBackgroundColorWhite,
.vuiCallout.bgc-white,
.vuiCallout.vuiBackgroundColorGrey,
.vuiCallout.bgc-grey {
    color: #333;
}
/******* CURSORS *******/

.vuiCursorPointer { cursor: pointer !important; }
.vuiCursorDefault { cursor: default !important; }
.vuiCursorWait    { cursor:    wait !important; }
/******* DEPRECATED CLASSES *******/
/*** TO BE REMOVED IN VUI 2.0 ***/

/*** HORIZONTAL ALIGNMENT ***/

.alignLft { text-align: left   !important; }
.alignCtr { text-align: center !important; }
.alignRgt { text-align: right  !important; }
@media screen and (max-width: 599px)
{
    .respAlignLftOnSml { text-align: left   !important; }
    .respAlignCtrOnSml { text-align: center !important; }
    .respAlignRgtOnSml { text-align: right  !important; }
}
@media screen and (min-width: 600px) and (max-width: 1000px)
{
    .respAlignLftOnMed { text-align: left   !important; }
    .respAlignCtrOnMed { text-align: center !important; }
    .respAlignRgtOnMed { text-align: right  !important; }
}
@media (min-width: 1001px), print
{
    .respAlignLftOnLrg { text-align: left   !important; }
    .respAlignCtrOnLrg { text-align: center !important; }
    .respAlignRgtOnLrg { text-align: right  !important; }
}
@media \0screen\,screen\9
{
    .respAlignLftOnLrg { text-align: left   !important; }
    .respAlignCtrOnLrg { text-align: center !important; }
    .respAlignRgtOnLrg { text-align: right  !important; }
}

/*** VERTICAL ALIGNMENT ***/

.alignTop { vertical-align: top    !important; }
.alignMid { vertical-align: middle !important; }
.alignBot { vertical-align: bottom !important; }
.alignBase { vertical-align: baseline !important; }
@media screen and (max-width: 599px)
{
    .respAlignTopOnSml { vertical-align: top    !important; }
    .respAlignMidOnSml { vertical-align: middle !important; }
    .respAlignBotOnSml { vertical-align: bottom !important; }
    .respAlignBaseOnSml { vertical-align: baseline !important; }
}
@media screen and (min-width: 600px) and (max-width: 1000px)
{
    .respAlignTopOnMed { vertical-align: top    !important; }
    .respAlignMidOnMed { vertical-align: middle !important; }
    .respAlignBotOnMed { vertical-align: bottom !important; }
    .respAlignBaseOnMed { vertical-align: baseline !important; }
}
@media (min-width: 1001px), print
{
    .respAlignTopOnLrg { vertical-align: top    !important; }
    .respAlignMidOnLrg { vertical-align: middle !important; }
    .respAlignBotOnLrg { vertical-align: bottom !important; }
    .respAlignBaseOnLrg { vertical-align: baseline !important; }
}
@media \0screen\,screen\9
{
    .respAlignTopOnLrg { vertical-align: top    !important; }
    .respAlignMidOnLrg { vertical-align: middle !important; }
    .respAlignBotOnLrg { vertical-align: bottom !important; }
    .respAlignBaseOnLrg { vertical-align: baseline !important; }
}

/******* FLOATING *******/
.vuiFloatRgt, .floatRgt { float: right; }
.vuiFloatLft, .floatLft { float: left;  }
.vuiFloatClr { clear: both;  }
@media screen and (max-width: 599px)
{
    .vuiFloatRgtOnSml { float: right !important; }
    .vuiFloatLftOnSml { float: left !important; }
}
@media screen and (min-width: 600px) and (max-width: 1000px)
{
    .vuiFloatRgtOnMed { float: right !important; }
    .vuiFloatLftOnMed { float: left !important; }
}
@media (min-width: 1001px), print
{
    .vuiFloatRgtOnLrg { float: right !important; }
    .vuiFloatLftOnLrg { float: left !important; }
}
@media \0screen\,screen\9
{
    .vuiFloatRgtOnLrg { float: right !important; }
    .vuiFloatLftOnLrg { float: left !important; }
}

/******* CURSORS *******/
.cursorPointer { cursor: pointer !important; }
.cursorDefault { cursor: default !important; }
.cursorWait    { cursor: wait    !important; }

/******* VISBILITY *******/
.visHide { visibility: hidden; }
.visShow { visibility: visible; }

/******* DISPLAY *******/
.dispInline { display: inline !important; }
.dispInlineBlock { display: inline-block !important; }
.dispBlock { display: block !important; }
.displayNone { display: none !important; } /* Needed for AjaxTemplate (NBR598470) */

/******* WIDTH *******/
.vuiWidth100Percent { width: 100% !important; }
@media screen and (max-width: 599px)
{
    .vuiWidth100PercentSml { width: 100% !important; }
}
@media screen and (min-width: 600px) and (max-width: 1000px)
{
    .vuiWidth100PercentMed { width: 100% !important; }
}
@media (min-width: 1001px), print
{
    .vuiWidth100PercentLrg { width: 100% !important; }
}
@media \0screen\,screen\9
{
    .vuiWidth100PercentLrg { width: 100% !important; }
}

/******* MARGINS AND PADDING *******/

/*** REMOVE PADDING  ***/
.noPad { padding: 0px !important; }
.noBotPad { padding-bottom: 0px !important; }
.noRightPad { padding-right: 0px !important; }

/*** REMOVE MARGIN  ***/
.noMar { margin:  0px !important; }
.noBotMar { margin-bottom:  0px !important; }
.noRightMar { margin-right: 0px !important; }

/*** SET BOTTOM MARGIN ***/
.botMar0  { margin-bottom:  0px !important; }
.botMar1  { margin-bottom:  1px !important; }
.botMar2  { margin-bottom:  2px !important; }
.botMar3  { margin-bottom:  3px !important; }
.botMar4  { margin-bottom:  4px !important; }
.botMar5  { margin-bottom:  5px !important; }
.botMar6  { margin-bottom:  6px !important; }
.botMar9  { margin-bottom:  9px !important; }
.botMar12 { margin-bottom: 12px !important; }
.botMar15 { margin-bottom: 15px !important; }
.botMar18 { margin-bottom: 18px !important; }
.botMar21 { margin-bottom: 21px !important; }
.botMar24 { margin-bottom: 24px !important; }
.botMar27 { margin-bottom: 27px !important; }
.botMar30 { margin-bottom: 30px !important; }
.botMar33 { margin-bottom: 33px !important; }
.botMar36 { margin-bottom: 36px !important; }

/*** SET LEFT PADDING ***/
@media screen and (max-width: 599px)
{
    .respLftPadSml0  { padding-left:  0px !important; }
    .respLftPadSml1  { padding-left:  1px !important; }
    .respLftPadSml2  { padding-left:  2px !important; }
    .respLftPadSml3  { padding-left:  3px !important; }
    .respLftPadSml4  { padding-left:  4px !important; }
    .respLftPadSml5  { padding-left:  5px !important; }
    .respLftPadSml6  { padding-left:  6px !important; }
    .respLftPadSml9  { padding-left:  9px !important; }
    .respLftPadSml10 { padding-left: 10px !important; }
    .respLftPadSml12 { padding-left: 12px !important; }
    .respLftPadSml18 { padding-left: 18px !important; }
    .respRgtPadSml0  { padding-right:  0px !important; }
    .respRgtPadSml1  { padding-right:  1px !important; }
    .respRgtPadSml2  { padding-right:  2px !important; }
    .respRgtPadSml3  { padding-right:  3px !important; }
    .respRgtPadSml4  { padding-right:  4px !important; }
    .respRgtPadSml5  { padding-right:  5px !important; }
    .respRgtPadSml6  { padding-right:  6px !important; }
    .respRgtPadSml9  { padding-right:  9px !important; }
    .respRgtPadSml10 { padding-right: 10px !important; }
    .respRgtPadSml12 { padding-right: 12px !important; }
    .respRgtPadSml18 { padding-right: 18px !important; }
}
@media screen and (min-width: 600px) and (max-width: 1000px)
{
    .respLftPadMed0  { padding-left:  0px !important; }
    .respLftPadMed1  { padding-left:  1px !important; }
    .respLftPadMed2  { padding-left:  2px !important; }
    .respLftPadMed3  { padding-left:  3px !important; }
    .respLftPadMed4  { padding-left:  4px !important; }
    .respLftPadMed5  { padding-left:  5px !important; }
    .respLftPadMed6  { padding-left:  6px !important; }
    .respLftPadMed9  { padding-left:  9px !important; }
    .respLftPadMed10 { padding-left: 10px !important; }
    .respLftPadMed12 { padding-left: 12px !important; }
    .respLftPadMed18 { padding-left: 18px !important; }
    .respRgtPadMed0  { padding-right:  0px !important; }
    .respRgtPadMed1  { padding-right:  1px !important; }
    .respRgtPadMed2  { padding-right:  2px !important; }
    .respRgtPadMed3  { padding-right:  3px !important; }
    .respRgtPadMed4  { padding-right:  4px !important; }
    .respRgtPadMed5  { padding-right:  5px !important; }
    .respRgtPadMed6  { padding-right:  6px !important; }
    .respRgtPadMed9  { padding-right:  9px !important; }
    .respRgtPadMed10 { padding-right: 10px !important; }
    .respRgtPadMed12 { padding-right: 12px !important; }
    .respRgtPadMed18 { padding-right: 18px !important; }
}
@media (min-width: 1001px), print
{
    .respLftPadLrg0  { padding-left:  0px !important; }
    .respLftPadLrg1  { padding-left:  1px !important; }
    .respLftPadLrg2  { padding-left:  2px !important; }
    .respLftPadLrg3  { padding-left:  3px !important; }
    .respLftPadLrg4  { padding-left:  4px !important; }
    .respLftPadLrg5  { padding-left:  5px !important; }
    .respLftPadLrg6  { padding-left:  6px !important; }
    .respLftPadLrg9  { padding-left:  9px !important; }
    .respLftPadLrg10 { padding-left: 10px !important; }
    .respLftPadLrg12 { padding-left: 12px !important; }
    .respLftPadLrg18 { padding-left: 18px !important; }
    .respRgtPadLrg0  { padding-right:  0px !important; }
    .respRgtPadLrg1  { padding-right:  1px !important; }
    .respRgtPadLrg2  { padding-right:  2px !important; }
    .respRgtPadLrg3  { padding-right:  3px !important; }
    .respRgtPadLrg4  { padding-right:  4px !important; }
    .respRgtPadLrg5  { padding-right:  5px !important; }
    .respRgtPadLrg6  { padding-right:  6px !important; }
    .respRgtPadLrg9  { padding-right:  9px !important; }
    .respRgtPadLrg10 { padding-right: 10px !important; }
    .respRgtPadLrg12 { padding-right: 12px !important; }
    .respRgtPadLrg18 { padding-right: 18px !important; }
}
@media \0screen\,screen\9
{
    .respLftPadLrg0  { padding-left:  0px !important; }
    .respLftPadLrg1  { padding-left:  1px !important; }
    .respLftPadLrg2  { padding-left:  2px !important; }
    .respLftPadLrg3  { padding-left:  3px !important; }
    .respLftPadLrg4  { padding-left:  4px !important; }
    .respLftPadLrg5  { padding-left:  5px !important; }
    .respLftPadLrg6  { padding-left:  6px !important; }
    .respLftPadLrg9  { padding-left:  9px !important; }
    .respLftPadLrg10 { padding-left: 10px !important; }
    .respLftPadLrg12 { padding-left: 12px !important; }
    .respLftPadLrg18 { padding-left: 18px !important; }
    .respRgtPadLrg0  { padding-right:  0px !important; }
    .respRgtPadLrg1  { padding-right:  1px !important; }
    .respRgtPadLrg2  { padding-right:  2px !important; }
    .respRgtPadLrg3  { padding-right:  3px !important; }
    .respRgtPadLrg4  { padding-right:  4px !important; }
    .respRgtPadLrg5  { padding-right:  5px !important; }
    .respRgtPadLrg6  { padding-right:  6px !important; }
    .respRgtPadLrg9  { padding-right:  9px !important; }
    .respRgtPadLrg10 { padding-right: 10px !important; }
    .respRgtPadLrg12 { padding-right: 12px !important; }
    .respRgtPadLrg18 { padding-right: 18px !important; }
}

/******* DIVIDERS *******/
.dottedDivider { border-top: 1px dotted #A8A093; }

/******* BORDERS *******/
@media screen and (max-width: 599px)
{
    .noBotBorderOnSml { border-bottom: none !important; }
}
@media screen and (min-width: 600px) and (max-width: 1000px)
{
    .noBotBorderOnMed { border-bottom: none !important; }
}
@media (min-width: 1001px), print
{
    .noBotBorderOnLrg { border-bottom: none !important; }
}
@media \0screen\,screen\9
{
    .noBotBorderOnLrg { border-bottom: none !important; }
}

/*** CSS ARROWS ***/
.vui-arrow-up,
.vui-arrow-down,
.vui-arrow-right,
.vui-arrow-left  { display: inline-block; width: 0; height: 0; margin-bottom: 1px; margin-left: 3px; }
.vui-arrow-up    { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid black; }
.vui-arrow-down  { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid black; }
.vui-arrow-right { border-left: 6px solid black; border-top: 6px solid transparent; border-bottom: 6px solid transparent;  }
.vui-arrow-left  { border-top: 6px solid transparent; border-right: 6px solid black; border-bottom: 6px solid transparent; }

/******* END DEPRECATED CLASSES *******/
/******* DISPLAY *******/

.vuiDisplayInline      { display: inline       !important; }
.vuiDisplayInlineBlock { display: inline-block !important; }
.vuiDisplayBlock       { display: block        !important; }
.vuiDisplayNone        { display: none         !important; }
/******* HIDE/SHOW AT BREAKPOINTS *******/

/*
    'hideOnSIZE', 'showOnSIZE' versions are deprecated,
    but due to their frequent use,
    we will not remove them in our breaking change release,
    which is why they are not in deprecated.css
*/

.vuiHide,
.hideOnAll { display: none !important; }

@media screen and (max-width: 599px)
{
    .vuiHideOnSmall,
    .hideOnSml,
    .vuiShowOnMedium,
    .showOnMed,
    .vuiShowOnLarge,
    .showOnLrg { display: none !important; }
}

@media screen and (min-width: 600px) and (max-width: 1000px)
{
    .vuiHideOnMedium,
    .hideOnMed,
    .vuiShowOnSmall,
    .showOnSml,
    .vuiShowOnLarge,
    .showOnLrg { display: none !important; }
}

@media (min-width: 1001px), print
{
    .vuiHideOnLarge,
    .hideOnLrg,
    .vuiShowOnSmall,
    .showOnSml,
    .vuiShowOnMedium,
    .showOnMed { display: none !important; }
}

@media \0screen\,screen\9
{
    .vuiHideOnLarge,
    .hideOnLrg,
    .vuiShowOnSmall,
    .showOnSml,
    .vuiShowOnMedium,
    .showOnMed { display: none !important; }
}
/******* DIVIDERS *******/

.vuiDividerDotted { border-top: 1px dotted #A8A093; }
.vuiDividerDotted2 {
    border-width: 0px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(153,153,153,1) 0%, rgba(153,153,153,1) 25%, rgba(153,153,153,0) 26%, rgba(153,153,153,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,153,153,1)), color-stop(25%,rgba(153,153,153,1)), color-stop(26%,rgba(153,153,153,0)), color-stop(100%,rgba(153,153,153,0)));
    background: -webkit-linear-gradient(left,  rgba(153,153,153,1) 0%,rgba(153,153,153,1) 25%,rgba(153,153,153,0) 26%,rgba(153,153,153,0) 100%);
    background: -o-linear-gradient(left,  rgba(153,153,153,1) 0%,rgba(153,153,153,1) 25%,rgba(153,153,153,0) 26%,rgba(153,153,153,0) 100%);
    background: -ms-linear-gradient(left,  rgba(153,153,153,1) 0%,rgba(153,153,153,1) 25%,rgba(153,153,153,0) 26%,rgba(153,153,153,0) 100%);
    background: linear-gradient(to right,  rgba(153,153,153,1) 0%,rgba(153,153,153,1) 25%,rgba(153,153,153,0) 26%,rgba(153,153,153,0) 100%);
    background-size: 4px 1px;
    background-repeat: repeat-x;
}

.vuiDividerGradient,
.vuiDividerGradient2 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efefef 0%,#ffffff 100%); /* W3C */
    height: 10px;
}
.vuiDividerGradient2 { border-top: none; }

@media \0screen\,screen\9 
{
    .vuiDividerDotted2
    {
        background: transparent url(./images/dottedRuleNG.png) 0px 0px repeat-x scroll;
    }

	.vuiDividerGradient, .vuiDividerGradient2 
	{
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#00ffffff', GradientType=0)";
	}	
}
/******* FLOATING *******/

/* all */
.vuiFloatLeft  { float:  left; }
.vuiFloatRight { float: right; }
.vuiFloatClear { clear:  both; }

/* small */
@media screen and (max-width: 599px)
{
	.vuiFloatLeftOnSmall  { float:  left !important; }
    .vuiFloatRightOnSmall { float: right !important; }
}

/* medium */
@media screen and (min-width: 600px) and (max-width: 1000px)
{
	.vuiFloatLeftOnMedium  { float:  left !important; }
    .vuiFloatRightOnMedium { float: right !important; }
}

/* large */
@media (min-width: 1001px), print
{
	.vuiFloatLeftOnLarge  { float:  left !important; }
    .vuiFloatRightOnLarge { float: right !important; }
}

/* large IE8 */
@media \0screen\,screen\9
{
    .vuiFloatLeftOnLarge  { float:  left !important; }
    .vuiFloatRightOnLarge { float: right !important; }
}
/******* TEXT COLORS *******/

/*
    'font-ColorName' versions are deprecated,
    but due to their frequent use,
    we will not remove them in our breaking change release,
    which is why they are not in deprecated.css
*/

.vuiFontAqua	{ color: #009AA6 !important; }

.vuiFontBlack,
.font-black     { color: #333    !important; }

.vuiFontGreen	{ color: #69923A !important; }

.vuiFontGrey	{ color: #666    !important; }

.vuiFontOrange  { color: #E37222 !important; }

.vuiFontSlate	{ color: #44697D !important; }

.vuiFontVanguardRed,
.vuiFontVgRed,
.font-vgRed     { color: #96151D !important; }

.vuiFontWhite,
.font-white     { color: #FFF    !important; }

.vuiFontBrown	{ color: #5A311C !important; }

.vuiFontPurple	{ color: #80379B !important; }

.vuiFontBlue	{ color: #005293 !important; }

.vuiFontTeal	{ color: #006778 !important; }
/******* IMAGES *******/

/*** LINK MODIFIERS ***/

.vuiIconCriticalAlert, .vuiIconLock, .vuiIconRefresh, .vuiIconNewWindow, .vuiIconOpenLayer, 
.vuiIconArticle, .vuiIconVideo, .vuiIconVideoLink, .vuiIconLightbulb, .vuiIconArticleWhite, .vuiIconVideoWhite,
.vuiIconLightbulbWhite, .vuiIconArrowRight2, .vuiIconArrowLeft2, .vuiIconArrowUp2, .vuiIconArrowDown2,
.vuiIconFacebook, .vuiIconTwitter, .vuiIconGooglePlus, .vuiIconLinkedIn, .vuiIconYouTube,
.vuiIconRSS, .vuiIconVanguardBlog, .vuiIconRemove, .vuiIconRemove2, .vuiIconInfo, .vuiIconFacebookLarge,
.vuiIconGooglePlusLarge, .vuiIconLinkedInLarge, .vuiIconTwitterLarge, .vuiIconPlusSign, .vuiIconWord,
.vuiIconExcel, .vuiIconPowerPoint, .vuiIconPdf, .vuiIconAudio, .vuiIconLikeWhiteSmall, .vuiIconCheckMark { background: url(./images/vui_link_modifiers_2016_0330.png) 0px 0px no-repeat scroll; display: inline-block; }
.vuiIconArticle	      { background-position: -1726px  -4px; width: 15px; height: 12px; }
.vuiIconArticleWhite  { background-position: -1961px  -3px; width: 15px; height: 12px; }
.vuiIconArrowRight2	  { background-position:   -50px  -5px; width:  9px; height:  9px; }
.vuiIconArrowLeft2    { background-position: -2045px  -5px; width:  9px; height:  9px; }
.vuiIconArrowUp2	  { background-position:  -452px  -5px; width:  9px; height:  9px; }
.vuiIconArrowDown2	  { background-position:  -214px  -5px; width:  9px; height:  9px; }
.vuiIconCriticalAlert { background-position:  -775px  -1px; width: 17px; height: 17px; }
.vuiIconFacebook	  { background-position:  -486px  -1px; width: 16px; height: 16px; }
.vuiIconFeedback	  { background: url(./images/sm_999_oo.gif) 0px 0px no-repeat scroll; display: inline-block; width: 9px; height:9px; }
.vuiIconGooglePlus	  { background-position: -1521px -1px; width: 16px; height: 16px; }
.vuiIconInfo		  { background-position: -1652px -1px; width: 17px; height: 17px; }
.vuiIconLightbulb     { background-position:   -1778px -1px; width:  11px; height:  17px; }
.vuiIconLightbulbWhite{ background-position:   -2013px -3px; width:  11px; height:  17px; }
.vuiIconLikeWhiteSmall{ background-position:   -2032px -3px; width:  8px; height:  13px; }
.vuiIconLinkedIn	  { background-position:  -606px -1px; width: 16px; height: 16px; }
.vuiIconLock		  { background-position:  -654px -2px; width: 12px; height: 15px; }
.vuiIconNewWindow	  { background-position:  -126px -5px; width:  9px; height:  9px; }
.vuiIconOpenLayer	  { background-position:   -88px -5px; width:  9px; height:  9px; }
.vuiIconRefresh		  { background-position:  -352px -3px; width: 14px; height: 14px; }
.vuiIconRemove		  { background-position: -1678px -5px; width:  9px; height:  9px; }
.vuiIconRemove2		  { background-position: -1697px  0px; width: 18px; height: 18px; }
.vuiIconRSS			  { background-position:  -534px -1px; width: 16px; height: 16px; }
.vuiIconTwitter		  { background-position:  -510px -1px; width: 16px; height: 16px; }
.vuiIconVanguardBlog  { background-position:  -558px -1px; width: 16px; height: 16px; }
.vuiIconVideo         { background-position:   -1752px -4px; width:  17px; height:  12px; }
.vuiIconVideoLink     { background-position:   -922px -4px; width:  17px; height:  12px; }
.vuiIconVideoWhite    { background-position:   -1987px -4px; width:  17px; height:  11px; }
.vuiIconYouTube		  { background-position:  -582px -1px; width: 16px; height: 16px; }
.vuiIconFacebookLarge { background-position: -1798px 0px; width: 31px; height: 31px; }
.vuiIconTwitterLarge  { background-position:  -1921px 5px; width: 31px; height: 31px; }
.vuiIconLinkedInLarge { background-position:  -1880px 0px; width: 31px; height: 31px; }
.vuiIconGooglePlusLarge	{ background-position:  -1839px 0px; width: 31px; height: 31px; }
.vuiIconPlusSign        { background-position:  -163px -1px; width: 17px; height: 17px; }
.vuiIconWord            { background-position:  -188px -1px; width: 16px; height: 16px; }
.vuiIconExcel           { background-position:  -250px -1px; width: 16px; height: 16px; }
.vuiIconPowerPoint      { background-position:  -277px -1px; width: 16px; height: 16px; }
.vuiIconPdf             { background-position:  -303px -1px; width: 16px; height: 16px; }
.vuiIconAudio           { background-position:  -908px -2px; width: 10px; height: 15px; }
.vuiIconCheckMark       { background-position:  -2087px -2px; width: 15px; height: 14px; }

/*** PAGE TOOLS ***/

.vuiIconPrint, .vuiIconPrint2, .vuiIconPrint3, .vuiIconPrint4, .vuiIconPrint5,
.vuiIconEmail, .vuiIconEmail2, .vuiIconEmail3, .vuiIconGetHelp, .vuiIconGetHelp2,
.vuiIconGetHelp3, .vuiIconShare, .vuiIconShare2, .vuiIconShare3, .vuiIconShare4,
.vuiIconShare5, .vuiIconShareClickable, .vuiIconShareClickable2, .vuiIconLike, .vuiIconLike2,
.vuiIconLike3, .vuiIconLike4, .vuiIconLikeClicked, .vuiIconLikeClicked2, .vuiIconFeedback1,
.vuiIconFeedback2, .vuiIconFeedback3, .vuiIconFeedback4, .vuiIconCalendar
{
    display: inline-block;
    background: url(./images/vui_page_tools_2014_12.png) 0px 0px no-repeat scroll;
}
.vuiIconCalendar { background-position: -31px -970px; width: 15px; height: 15px; }
.vuiIconEmail	 { background-position:   1px -539px; width: 17px; height: 12px; }
.vuiIconEmail2	 { background-position: -27px -649px; width: 20px; height: 14px; }
.vuiIconEmail3	 { background-position: -20px -649px; width: 34px; height: 25px; }
.vuiIconPrint	 { background-position:   0px -600px; width: 15px; height: 15px; }
.vuiIconPrint2, .vuiIconPrint5 { background-position: -28px 0px; width: 18px; height: 18px; }
.vuiIconPrint3, .vuiIconPrint4 { background-position: -25px 0px; width: 25px; height: 29px; }
.vuiIconPrint4:hover { background-position: -25px -1388px; }
.vuiIconPrint5:hover { background-position: -28px -1388px; }
.vuiIconShare { background-position:   0px -620px; width: 15px; height: 15px; }
.vuiIconShare2, .vuiIconShare3, .vuiIconShareClickable	 { background-position: -31px -700px; width: 13px; height: 18px; }
.vuiIconShare4, .vuiIconShare5, .vuiIconShareClickable2	 { background-position: -22px -700px; width: 31px; height: 30px; }
.vuiIconShare3:hover, .vuiIconShareClickable:active { background-position: -31px -1348px; }
.vuiIconShare5:hover, .vuiIconShareClickable2:active	{ background-position: -22px -1348px; }
.vuiIconLike, .vuiIconLike2, .vuiIconLikeClicked { background-position: -31px -1520px; width: 15px; height: 20px; }
.vuiIconLike3, .vuiIconLike4, .vuiIconLikeClicked2	{ background-position: -27px -1519px; width: 23px; height: 33px; }
.vuiIconLike2:hover,  .vuiIconLikeClicked { background-position: -31px -1563px; }
.vuiIconLike4:hover, .vuiIconLikeClicked2 { background-position: -27px -1562px; }
.vuiIconFeedback1, .vuiIconFeedback2	{ background-position: -31px -1429px; width: 16px; height: 19px; }
.vuiIconFeedback3, .vuiIconFeedback4	{ background-position: -2px -1429px; width: 79px; height: 30px; }
.vuiIconFeedback2:hover, .vuiIconFeedback2:active { background-position: -31px -1477px; }
.vuiIconFeedback4:hover, .vuiIconFeedback4:active	{ background-position: -2px -1477px; }
.vuiIconGetHelp { background-position: -31px -1128px; height: 15px; width: 16px; }
.vuiIconGetHelp2 { background-position: -28px -300px; height: 19px; width: 19px; }
.vuiIconGetHelp3 { background-position: -15px -300px; height: 31px; width: 44px; }

/*** SVG ***/

.vuiIconArrowDiagonalRight { background: url(./images/svg/arrow_diagonal_right.svg); display:inline-block; height:18px; width:18px; }

/*** NAV ICONS ***/

.vuiIconArrowDown, .vuiIconArrowLeft, .vuiIconArrowRight, .vuiIconArrowUp,
.vuiIconArrowPositive:after, .vuiIconAngleBracket, .vuiIconArrowNegative:after
{
    display: inline-block;
    background: url(./images/vui_nav_icons_20150814.png) 0px 0px no-repeat scroll;
}
.vuiIconArrowDown  { background-position: -8px  -549px; width: 9px; height: 5px; }
.vuiIconArrowLeft  { background-position:  0px -1660px; width: 5px; height: 9px; }
.vuiIconArrowRight { background-position: -8px  -488px; width: 5px; height: 9px; }
.vuiIconArrowUp    { background-position: -5px  -468px; width: 9px; height: 5px; }
.vuiIconArrowPositive:after, .vuiIconArrowNegative:after { content: ""; height: 9px; width: 9px; }
.vuiIconArrowPositive:after { background-position:   0px -820px; }
.vuiIconArrowNegative:after { background-position: -10px -820px; }
.vuiPositiveNegativeNumberArrowIcon.vuiIconArrowPositive:after, 
.vuiPositiveNegativeNumberArrowIcon.vuiIconArrowNegative:after { margin-left: 3px; }
.vuiIconAngleBracket { height:8px; padding: 0 10px; background-position: 7px -1648px; }

/*** CSS ARROWS ***/

.vuiArrowUp, .vuiArrowDown,
.vuiArrowLeft, .vuiArrowRight {
    display: inline-block;
    width: 0px; height: 0px;
    margin: 0px 0px 1px 3px;
    border: 6px solid transparent;
}
.vuiArrowUp    { border-bottom-color: black; border-top-width:    0px; }
.vuiArrowDown  { border-top-color:    black; border-bottom-width: 0px; }
.vuiArrowLeft  { border-right-color:  black; border-left-width:   0px; }
.vuiArrowRight { border-left-color:   black; border-right-width:  0px; }

/*** CLOSE ICONS ***/

.vuiIconClose,
.vuiIconClose2       { display: inline-block; background: url(./images/vui_close_icons_20150625.png) 0px 0px no-repeat scroll;}
.vuiIconClose		 { background-position: 0px   0px; width: 18px; height: 18px; }
.vuiIconClose:hover  { background-position: 0px -18px; }
.vuiIconClose2		 { background-position: 0px -54px; width: 24px; height: 24px; }
.vuiIconClose2:hover { background-position: 0px -78px; }
/******* MARGIN *******/

.vuiMargin0px { margin: 0px !important; }

.vuiMarginLeft0px { margin-left: 0px !important; }

.vuiMarginRight0px { margin-right: 0px !important; }

.vuiMarginTop0px { margin-top: 0px !important; }

.vuiMarginBottom0px  { margin-bottom:  0px !important; }
.vuiMarginBottom1px  { margin-bottom:  1px !important; }
.vuiMarginBottom2px  { margin-bottom:  2px !important; }
.vuiMarginBottom3px  { margin-bottom:  3px !important; }
.vuiMarginBottom4px  { margin-bottom:  4px !important; }
.vuiMarginBottom5px  { margin-bottom:  5px !important; }
.vuiMarginBottom6px  { margin-bottom:  6px !important; }
.vuiMarginBottom7px  { margin-bottom:  7px !important; }
.vuiMarginBottom8px  { margin-bottom:  8px !important; }
.vuiMarginBottom9px  { margin-bottom:  9px !important; }
.vuiMarginBottom12px { margin-bottom: 12px !important; }
.vuiMarginBottom15px { margin-bottom: 15px !important; }
.vuiMarginBottom18px { margin-bottom: 18px !important; }
.vuiMarginBottom21px { margin-bottom: 21px !important; }
.vuiMarginBottom24px { margin-bottom: 24px !important; }
.vuiMarginBottom27px { margin-bottom: 27px !important; }
.vuiMarginBottom30px { margin-bottom: 30px !important; }
.vuiMarginBottom33px { margin-bottom: 33px !important; }
.vuiMarginBottom36px { margin-bottom: 36px !important; }
.vuiMarginBottom39px { margin-bottom: 39px !important; }
.vuiMarginBottom42px { margin-bottom: 42px !important; }
.vuiMarginBottom45px { margin-bottom: 45px !important; }
.vuiMarginBottom48px { margin-bottom: 48px !important; }
.vuiMarginBottom51px { margin-bottom: 51px !important; }
.vuiMarginBottom54px { margin-bottom: 54px !important; }
.vuiMarginBottom57px { margin-bottom: 57px !important; }
.vuiMarginBottom60px { margin-bottom: 60px !important; }
.vuiMarginBottom63px { margin-bottom: 63px !important; }
.vuiMarginBottom66px { margin-bottom: 66px !important; }
.vuiMarginBottom69px { margin-bottom: 69px !important; }
.vuiMarginBottom72px { margin-bottom: 72px !important; }
/******* PADDING *******/

/* all */

.vuiPadding0px       { padding: 0px !important; }

.vuiPaddingTop0px    { padding-top: 0px !important; }

.vuiPaddingBottom0px { padding-bottom: 0px !important; }

.vuiPaddingLeft0px  { padding-left:  0px !important; }
.vuiPaddingLeft1px  { padding-left:  1px !important; }
.vuiPaddingLeft2px  { padding-left:  2px !important; }
.vuiPaddingLeft3px  { padding-left:  3px !important; }
.vuiPaddingLeft4px  { padding-left:  4px !important; }
.vuiPaddingLeft5px  { padding-left:  5px !important; }
.vuiPaddingLeft6px  { padding-left:  6px !important; }
.vuiPaddingLeft9px  { padding-left:  9px !important; }
.vuiPaddingLeft10px { padding-left: 10px !important; }
.vuiPaddingLeft12px { padding-left: 12px !important; }
.vuiPaddingLeft18px { padding-left: 18px !important; }

.vuiPaddingRight0px  { padding-right:  0px !important; }
.vuiPaddingRight1px  { padding-right:  1px !important; }
.vuiPaddingRight2px  { padding-right:  2px !important; }
.vuiPaddingRight3px  { padding-right:  3px !important; }
.vuiPaddingRight4px  { padding-right:  4px !important; }
.vuiPaddingRight5px  { padding-right:  5px !important; }
.vuiPaddingRight6px  { padding-right:  6px !important; }
.vuiPaddingRight9px  { padding-right:  9px !important; }
.vuiPaddingRight10px { padding-right: 10px !important; }
.vuiPaddingRight12px { padding-right: 12px !important; }
.vuiPaddingRight18px { padding-right: 18px !important; }

/* small */
@media screen and (max-width: 599px)
{
    /* left padding  */
    .vuiPaddingLeft0pxOnSmall  { padding-left:  0px !important; }
    .vuiPaddingLeft1pxOnSmall  { padding-left:  1px !important; }
    .vuiPaddingLeft2pxOnSmall  { padding-left:  2px !important; }
    .vuiPaddingLeft3pxOnSmall  { padding-left:  3px !important; }
    .vuiPaddingLeft4pxOnSmall  { padding-left:  4px !important; }
    .vuiPaddingLeft5pxOnSmall  { padding-left:  5px !important; }
    .vuiPaddingLeft6pxOnSmall  { padding-left:  6px !important; }
    .vuiPaddingLeft9pxOnSmall  { padding-left:  9px !important; }
    .vuiPaddingLeft10pxOnSmall { padding-left: 10px !important; }
    .vuiPaddingLeft12pxOnSmall { padding-left: 12px !important; }
    .vuiPaddingLeft18pxOnSmall { padding-left: 18px !important; }

    /* right padding  */
    .vuiPaddingRight0pxOnSmall  { padding-right:  0px !important; }
    .vuiPaddingRight1pxOnSmall  { padding-right:  1px !important; }
    .vuiPaddingRight2pxOnSmall  { padding-right:  2px !important; }
    .vuiPaddingRight3pxOnSmall  { padding-right:  3px !important; }
    .vuiPaddingRight4pxOnSmall  { padding-right:  4px !important; }
    .vuiPaddingRight5pxOnSmall  { padding-right:  5px !important; }
    .vuiPaddingRight6pxOnSmall  { padding-right:  6px !important; }
    .vuiPaddingRight9pxOnSmall  { padding-right:  9px !important; }
    .vuiPaddingRight10pxOnSmall { padding-right: 10px !important; }
    .vuiPaddingRight12pxOnSmall { padding-right: 12px !important; }
    .vuiPaddingRight18pxOnSmall { padding-right: 18px !important; }
}

/* medium */
@media screen and (min-width: 600px) and (max-width: 1000px)
{
    /* left padding  */
    .vuiPaddingLeft0pxOnMedium  { padding-left:  0px !important; }
    .vuiPaddingLeft1pxOnMedium  { padding-left:  1px !important; }
    .vuiPaddingLeft2pxOnMedium  { padding-left:  2px !important; }
    .vuiPaddingLeft3pxOnMedium  { padding-left:  3px !important; }
    .vuiPaddingLeft4pxOnMedium  { padding-left:  4px !important; }
    .vuiPaddingLeft5pxOnMedium  { padding-left:  5px !important; }
    .vuiPaddingLeft6pxOnMedium  { padding-left:  6px !important; }
    .vuiPaddingLeft9pxOnMedium  { padding-left:  9px !important; }
    .vuiPaddingLeft10pxOnMedium { padding-left: 10px !important; }
    .vuiPaddingLeft12pxOnMedium { padding-left: 12px !important; }
    .vuiPaddingLeft18pxOnMedium { padding-left: 18px !important; }

    /* right padding  */
    .vuiPaddingRight0pxOnMedium  { padding-right:  0px !important; }
    .vuiPaddingRight1pxOnMedium  { padding-right:  1px !important; }
    .vuiPaddingRight2pxOnMedium  { padding-right:  2px !important; }
    .vuiPaddingRight3pxOnMedium  { padding-right:  3px !important; }
    .vuiPaddingRight4pxOnMedium  { padding-right:  4px !important; }
    .vuiPaddingRight5pxOnMedium  { padding-right:  5px !important; }
    .vuiPaddingRight6pxOnMedium  { padding-right:  6px !important; }
    .vuiPaddingRight9pxOnMedium  { padding-right:  9px !important; }
    .vuiPaddingRight10pxOnMedium { padding-right: 10px !important; }
    .vuiPaddingRight12pxOnMedium { padding-right: 12px !important; }
    .vuiPaddingRight18pxOnMedium { padding-right: 18px !important; }
}

/* large */
@media (min-width: 1001px), print
{
    /* left padding  */
    .vuiPaddingLeft0pxOnLarge  { padding-left:  0px !important; }
    .vuiPaddingLeft1pxOnLarge  { padding-left:  1px !important; }
    .vuiPaddingLeft2pxOnLarge  { padding-left:  2px !important; }
    .vuiPaddingLeft3pxOnLarge  { padding-left:  3px !important; }
    .vuiPaddingLeft4pxOnLarge  { padding-left:  4px !important; }
    .vuiPaddingLeft5pxOnLarge  { padding-left:  5px !important; }
    .vuiPaddingLeft6pxOnLarge  { padding-left:  6px !important; }
    .vuiPaddingLeft9pxOnLarge  { padding-left:  9px !important; }
    .vuiPaddingLeft10pxOnLarge { padding-left: 10px !important; }
    .vuiPaddingLeft12pxOnLarge { padding-left: 12px !important; }
    .vuiPaddingLeft18pxOnLarge { padding-left: 18px !important; }

    /* right padding  */
    .vuiPaddingRight0pxOnLarge  { padding-right:  0px !important; }
    .vuiPaddingRight1pxOnLarge  { padding-right:  1px !important; }
    .vuiPaddingRight2pxOnLarge  { padding-right:  2px !important; }
    .vuiPaddingRight3pxOnLarge  { padding-right:  3px !important; }
    .vuiPaddingRight4pxOnLarge  { padding-right:  4px !important; }
    .vuiPaddingRight5pxOnLarge  { padding-right:  5px !important; }
    .vuiPaddingRight6pxOnLarge  { padding-right:  6px !important; }
    .vuiPaddingRight9pxOnLarge  { padding-right:  9px !important; }
    .vuiPaddingRight10pxOnLarge { padding-right: 10px !important; }
    .vuiPaddingRight12pxOnLarge { padding-right: 12px !important; }
    .vuiPaddingRight18pxOnLarge { padding-right: 18px !important; }
}

/* large IE8 */
@media \0screen\,screen\9
{
    /* left padding  */
    .vuiPaddingLeft0pxOnLarge  { padding-left:  0px !important; }
    .vuiPaddingLeft1pxOnLarge  { padding-left:  1px !important; }
    .vuiPaddingLeft2pxOnLarge  { padding-left:  2px !important; }
    .vuiPaddingLeft3pxOnLarge  { padding-left:  3px !important; }
    .vuiPaddingLeft4pxOnLarge  { padding-left:  4px !important; }
    .vuiPaddingLeft5pxOnLarge  { padding-left:  5px !important; }
    .vuiPaddingLeft6pxOnLarge  { padding-left:  6px !important; }
    .vuiPaddingLeft9pxOnLarge  { padding-left:  9px !important; }
    .vuiPaddingLeft10pxOnLarge { padding-left: 10px !important; }
    .vuiPaddingLeft12pxOnLarge { padding-left: 12px !important; }
    .vuiPaddingLeft18pxOnLarge { padding-left: 18px !important; }

    /* right padding  */
    .vuiPaddingRight0pxOnLarge  { padding-right:  0px !important; }
    .vuiPaddingRight1pxOnLarge  { padding-right:  1px !important; }
    .vuiPaddingRight2pxOnLarge  { padding-right:  2px !important; }
    .vuiPaddingRight3pxOnLarge  { padding-right:  3px !important; }
    .vuiPaddingRight4pxOnLarge  { padding-right:  4px !important; }
    .vuiPaddingRight5pxOnLarge  { padding-right:  5px !important; }
    .vuiPaddingRight6pxOnLarge  { padding-right:  6px !important; }
    .vuiPaddingRight9pxOnLarge  { padding-right:  9px !important; }
    .vuiPaddingRight10pxOnLarge { padding-right: 10px !important; }
    .vuiPaddingRight12pxOnLarge { padding-right: 12px !important; }
    .vuiPaddingRight18pxOnLarge { padding-right: 18px !important; }
}
/******* VISIBILITY *******/

.vuiVisibilityHidden  { visibility:  hidden; }
.vuiVisibilityVisible { visibility: visible; }
/******* WIDTH *******/

/* all */
.vuiWidth100Percent { width: 100% !important; }

/* small */
@media screen and (max-width: 599px)
{
    .vuiWidth100PercentOnSmall { width: 100% !important; }
}

/* medium */
@media screen and (min-width: 600px) and (max-width: 1000px)
{
	.vuiWidth100PercentOnMedium { width: 100% !important; }
}

/* large */
@media (min-width: 1001px), print
{
    .vuiWidth100PercentOnLarge { width: 100% !important; }
}

/* large IE8 */
@media \0screen\,screen\9
{
    .vuiWidth100PercentOnLarge { width: 100% !important; }
}
/********************************************************   

	base.css
	- base page styles
	- styles shared between components
	- generic styles
	- typography
	
********************************************************/

/******* BASE PAGE STYLES *******/
	
.vuiNextGen body { background-color: #D4CFC3; }

.vuiMain { margin: 0 auto; max-width: 1002px; padding: 18px 0px 18px 18px; background-color: #FFF; }
.vuiLeftAlignPage .vuiMain { margin: 0px; }
.vuiSuppressMaxWidth .vuiMain { max-width: none; }

@media (min-width: 1001px), print
{
    .vuiMain {
        min-height: 500px;
        width: 1002px;
    }

    .vuiSuppressMaxWidth .vuiMain {
        width: auto;
    }
}

/* ie8 and less */
@media \0screen\,screen\9
{
    .vuiMain { min-height: 464px; width: 1002px; }
    .vuiSuppressMaxWidth .vuiMain { width: auto; }
}

/* small & medium - change base font size from 12px to 14px */
@media (max-width: 1000px)
{
    html.vuiNextGen, html.vuiResponsive, html.vuiResponsiveText { font-size: 87.5%; }
}
/******* TYPOGRAPHY *******/

/***** A TAGS *****/

/* primary link */
a.link-primary 		 { color:#8D4900; text-decoration: none; }
a.link-primary:hover { color:#96151D; text-decoration: underline; }

/* secondary link */
a.link-secondary 	   { color:#666; }
a.link-secondary:hover { color:#96151D; }

/* utility link */
a.link-utility 		 { color: #FFF; text-decoration: none; }
a.link-utility:hover { text-decoration: underline; }

/***** ANY TAG *****/

/*** MISC ***/

.vuiTextSmall,
.vuiTextSmall TH { font-size:100%!important; }

.vuiTextresizerTarget.vuiTextMedium TH { line-height:1.2; }

.vuiTextMedium,
.vuiTextMedium TH { font-size:120%!important; }

.vuiTextresizerTarget.vuiTextLarge TH { line-height:1.2; }

.vuiTextLarge,
.vuiTextLarge TH { font-size:140%!important; }

.bold { font-weight: bold; }
.instruct { font-size: 0.833em; font-size: 0.833rem; line-height: 1.3em; line-height: 1.083rem; color: #666; } /* instruct - fs 10px | lh 13px */
.text6 { font-size: 0.917em; font-size: 0.917rem; line-height: 1.182em; line-height: 1.083rem; color: #999; } /* text6 - fs 11px | lh 13px | mar auto | #999 */
.hideTouchContextMenu {-webkit-touch-callout: none; }
.posText { color: #008A00; } /* posText - positive numbers in a table - local exception */
.negText { color: #EC0000; } /* negText - negative numbers in a table - local exception  */

/*** TEXT 7 ***/

/* all sizes */
/* uppercase | fs 12px | lh 16px | mar 18px */

.text7, .text7a, .text7b { font-size: 1em; font-size: 1rem; line-height: 1.333em; line-height: 1.333rem; margin-bottom:18px; text-transform: uppercase; color: #333; }
.text7b { margin-bottom: 12px; }  /* text7b - mar 12px */

/* large - red allowed */

@media ( min-width: 1001px )
{
    .text7 { color: #96151D; }
}

/* large - ie8 and less */
@media \0screen\,screen\9
{
    .text7 { color: #96151D; }
}

/*** FOOTNOTES & DISCLAIMERS ***/

/* footnote - fs 11px | lh 13px | mar 13px | #666 */

.footnote { font-size: 0.917em; font-size: 0.917rem; line-height: 1.182em; line-height: 1.083rem; color: #666; margin-bottom: 13px; }

/* disclaimers - fs 12px | lh 14px | mar 13px | #666*/

.disclaimer,
.standard-disclaimer { font-size: 1em; font-size: 1rem; line-height: 1.167em; line-height: 1.167rem; color: #666; margin-bottom: 13px; }
.disclaimer { font-style: italic; }

/***** P TAGS *****/

p.text2	{ font-size: 1.167em; font-size: 1.167rem; line-height: 1.5em; line-height: 1.75rem; margin-bottom:21px; } /* p text2 - fs 14px | lh 21px | mar 21px */
p.text3	{ line-height: 1.083em; line-height: 1.083rem; font-weight:bold; } /* p text3 - bold - fs 12px | lh 13px | mar 18px */

/*** PULL QUOTE ***/

/* small | medium */
/* mar 26px 0px 26px 18px */
/* fs 18px | lh 26px */

p.pullquote  { font-size: 1.286rem; line-height: 1.857rem; margin: 26px 0px 26px 18px; color: #96151D; }

/* large */
/* mar 26px 0px 26px 18px */
/* fs 18px | lh 26px */

@media ( min-width: 1001px )
{
    p.pullquote  { font-size: 1.5rem; line-height: 2.167rem; }
}

/* large - ie8 and less */
@media \0screen\,screen\9
{
    p.pullquote { font-size: 1.5em; line-height: 1.444em; }
}

/***** H TAGS *****/

/*** H1 OPTION 1 ***/

/* small | medium */
/* mar 21px */
/* fs 32px | lh 41px */

h1.option1,
h1.option1a,
h1.option1b { font-size: 2.29rem; line-height: 2.93rem; margin-bottom: 21px; }
h1.option1a { color: #96151D; }
h1.option1b { color: #FFF; }

/* large */
/* mar 21px */
/* fs 39px | lh 50px */

@media ( min-width: 1001px )
{
    h1.option1,
    h1.option1a,
    h1.option1b { font-size: 3.25rem; line-height: 4.167rem; }
}

/* large - ie8 and less */
@media \0screen\,screen\9
{
    h1.option1,
    h1.option1a,
    h1.option1b { font-size: 3.25em;  line-height: 1.282em; }
}

/*** H1 OPTION 2 ***/

/* small | medium */
/* mar 21px */
/* fs 24px | lh 28px */

h1.option2,
h1.option2a,
h1.option2b { font-size: 1.71rem; line-height: 2rem; margin-bottom: 21px; }
h1.option2a { color: #FFF; }
h1.option2b { color: #96151D; }

/* large */
/* mar 21px */
/* fs 27px | lh 21px */

@media ( min-width: 1001px )
{
    h1.option2,
    h1.option2a,
    h1.option2b { font-size: 2.25rem; line-height: 2.667rem; }
}

/* large - ie8 and less */
@media \0screen\,screen\9
{
    h1.option2,
    h1.option2a,
    h1.option2b { font-size: 2.25em;  line-height: 1.185em; }
}

/*** H1 OPTION 3 ***/

/* small | medium */
/* mar 18px */
/* fs 21px | lh 24px */

h1.option3,
h1.option3a,
h1.option3b { font-size: 1.5rem; line-height: 1.71rem; margin-bottom: 18px; }
h1.option3b { color: #FFF; }

/* large */
/* mar 18px */
/* fs 21px | lh 24px */

@media ( min-width: 1001px )
{
    h1.option3,
    h1.option3a,
    h1.option3b { font-size: 1.75rem; line-height: 2rem; }
    h1.option3a { color: #96151D; }
}

/* large - ie8 and less */
@media \0screen\,screen\9
{
    h1.option3,
    h1.option3a,
    h1.option3b { font-size: 1.75em;  line-height: 1.143em; }
    h1.option3a { color: #96151D; }
}

/*** H2 OPTION 1 ***/

/* small | medium */
/* mar 15px */
/* fs 16px | lh 18px */

h2.option1,
h2.option1a,
h2.option1b { font-size: 1.143rem; line-height: 1.286rem; margin-bottom: 15px; }
h2.option1b { color: #FFF; }

/* large */
/* mar 15px */
/* fs 16px | lh 18px */

@media ( min-width: 1001px )
{
    h2.option1,
    h2.option1a,
    h2.option1b { font-size: 1.333rem; line-height: 1.5rem; }
    h2.option1  { color: #96151D; }
}

/* large - ie8 and less */
@media \0screen\,screen\9
{
    h2.option1,
    h2.option1a,
    h2.option1b { font-size: 1.333em; line-height: 1.125em; } /* h2 option1 - fs 16px / lh 18px / mar 15px */
    h2.option1 { color: #96151D; }
}

/*** H2 OPTION 2 ***/

/* sml | med */
/* mar 12px */
/* fs 14px | lh 16px */

h2.option2,
h2.option2a,
h2.option2b { font-size: 1rem; line-height: 1.143rem; margin-bottom: 12px; }
h2.option2a { color: #96151D; }

/* large */
/* fs 14px | lh 16px */

@media ( min-width: 1001px )
{
    h2.option2,
    h2.option2a,
    h2.option2b { font-size: 1.167rem; line-height: 1.333rem; }
}

/* large - ie8 and less */
@media \0screen\,screen\9
{
    h2.option2,
    h2.option2a,
    h2.option2b { font-size: 1.167em; line-height: 1.143em; } /* h2 option2 - fs 14px / lh 16px / mar 12px */
}

/*** LISTS ***/

ul.unordered, ul.linkList, ol.ordered { margin-bottom: 18px; }
ul.unordered li, ol.ordered li { margin-bottom: 6px;  }
ul.linkList { list-style-type: none; padding: 0px; }
ul.linkList li { margin-bottom: 10px; }

/******* INTERNAL ONLY *******/

.intOnly { background-color: #D3E0C5; }

/******* NEXT ITEM HEADER HERE *******/
/********************************************************   

    nonResponsiveBase.css
    - base page override styles
    
     menu specific overrides are in menu.css
    
********************************************************/

/******* BASE PAGE STYLES *******/

    /* override max-width so grids aren't fluid */
    .vuiNonResponsivePage .vuiMain { width: 1002px; }
    
    /* small & medium overrides */
    @media (max-width: 1000px) 
    {
        /* keep base font size at 12px */
        html.vuiNextGen.vuiNonResponsivePage { font-size: 75%; }
        
        /* keep breakpoint div at large */
        .vuiNonResponsivePage #vuiBreakpoint, .vuiNonResponsivePage #breakpoint { width: 3px; }
        
        /* Extend global header and global footer to the width of main div */
        .vuiNonResponsivePage #gh, .vuiNonResponsivePage #gf { width: 1002px; }
    }
    
/* PLS Style Calendar - Skin 1 */

.vuiDatepicker table { border:thin solid #D9D9D9; width: 33.33333333333333%; padding: 9px; min-width: 326px; }

.vuiDatepicker ul { list-style-type:none; }

.vuiDatepicker button { outline: none; }

.vuiDatepicker thead th { vertical-align: middle; }

.vuiDatepicker thead tr:first-child { background-color:#E0DBD0; }

.vuiDatepicker thead tr:first-child + tr th { border-bottom:thin solid #D9D9D9; padding:12px 0 7px 0; text-align:center; }
.vuiDatepicker thead tr:first-child .btn-default { background-color:#E0DBD0; color:#965E23; font-size: 14px; }
.vuiDatepicker thead tr:first-child .pull-left, .vuiDatepicker thead tr:first-child .pull-left { cursor:pointer; width:22px; }
.vuiDatepicker thead tr:first-child .pull-left:after  { color: #965E23;  margin-left: 10px; }
.vuiDatepicker thead tr:first-child .pull-right:after { color: #965E23; margin-right: 10px; }

.vuiDatepicker thead tr:first-child .pull-left { background:url('./images/vui_nav_icons_20150814.png') 0px 0px no-repeat scroll; background-position: 0px -916px; min-height: 25px; width: 10px; margin-left: 10px; }
.vuiDatepicker thead tr:first-child .pull-right { background:url('./images/vui_nav_icons_20150814.png') 0px 0px no-repeat scroll; background-position: -15px -918px; min-height: 25px; width:10px; margin-right: 10px; float:right; }

.vuiDatepicker thead tr:first-child th:last-child { text-align:right; }

.vuiDatepicker tbody tr:first-child td .btn-default { margin-top: 7px; }

.vuiDatepicker tbody tr { height:44px; }
.vuiDatepicker tbody tr td { width:44px; }

.vuiDatepicker tbody tr td .btn-default {
    background-color: #fff;
    height: 44px;
    color: #333333;
    font-size: 14px;
}
.vuiDatepicker tbody tr td .btn-default.active { background-color:#96151d; color:#FFF; height:44px; }

.vuiDatepicker tbody tr td .btn-default:disabled {
    color: #b3b3b3;
}

.vuiDatepicker tbody tr td .btn-default .text-info { background-color:transparent; }

.vuiDatepicker tbody tr td .btn-default .text-muted {
    color: #b3b3b3;
}

.vuiDatepicker tbody tr td .btn-default:hover span {
    color: #96151d;
    text-decoration: underline;
}

.vuiDatepicker tbody tr td .btn-default.active:hover span {
    color: #fff;
    text-decoration: none;
}

.vuiDatepicker tbody tr td .btn-default:disabled span {
    color: #b3b3b3;
    text-decoration: none;
}

.vuiDatepicker tbody tr td .btn-default:hover span.text-muted {
    color: #b3b3b3;
}

/* Datepickerpopup */
.vuiDatepicker [data-datepicker-popup],
.vuiDatepicker [datepicker-popup] { display: inline-block; }

.vuiDatepickerClosed {visibility: hidden;}

td > .vuiDatepicker .vuiInput { padding-left:0; }

.vuiDatepicker .dropdown-menu {width: 326px;}
.vuiDatepicker .dropdown-menu { position:absolute; z-index:500; padding: 0; }
.vuiDatepicker .dropdown-menu table { background-color:#FFF; }

.vuiDatepicker .vuiIconDatepicker { vertical-align:middle; }

.vuiDatepicker .input-group-btn { background-color: #FFF; }
.vuiDatepicker [disabled] .vuiIconDatepicker { opacity: 0.5; }
@media \0screen\,screen\9
{
    .vuiDatepicker [disabled] .vuiIconDatepicker { -ms-filter: "alpha(opacity=50)"; }
}

/* PLS Style Calendar - Small */
.vuiDatepicker.vuiDatepickerSmall .dropdown-menu {width: 146px;}
.vuiDatepicker.vuiDatepickerSmall table { min-width: 146px; max-width: 146px; padding: 3px; }
.vuiDatepicker.vuiDatepickerSmall tbody tr { height: 20px; }
.vuiDatepicker.vuiDatepickerSmall tbody tr td { width: 20px; }
.vuiDatepicker.vuiDatepickerSmall tbody tr td .btn-default { height: 20px; }

.vuiDatepicker.vuiDatepickerSmall thead tr:first-child + tr th { padding: 2px 0 2px 0; }

.vuiDatepicker.vuiDatepickerSmall thead tr:first-child .btn-default { font-size: 12px }
.vuiDatepicker.vuiDatepickerSmall tbody tr td .btn-default { font-size: 12px }
.vuiCarousel { -moz-user-select: none; -webkit-user-select: none;-ms-user-select: none;user-select: none; -webkit-overflow-scrolling: touch; overflow: hidden; }
.vuiCarousel .vuiCarouselList { list-style: none; padding: 0; margin: 0; position: relative; left: 0; top: 0; }

.vuiCarousel .vuiCarouselVertical .vuiCarouselList { height: 10000%; }
.vuiCarousel .vuiCarouselVertical { height: 100%; overflow: hidden; }
.vuiCarousel .vuiCarouselHorizontal .vuiCarouselItem { position: relative; }

.vuiCarousel .vuiCarouselHorizontal .vuiCarouselList { width: 10000%; }
.vuiCarousel .vuiCarouselHorizontal { width: 100%; overflow: hidden; }
.vuiCarousel .vuiCarouselHorizontal .vuiCarouselItem { position: relative; float: left; }

.vuiCarousel .vuiCarouselSelected { font-weight: bold; }
.vuiCarouselPlayer { position: relative; }
.vuiCarouselPlayer .vuiCarouselItem { width: 1%; }
.chartContainer { position: relative; }
.chartContainer .loading { width: 100%; height: 100%; position: absolute; }
.customChartYAxisLabels .chartTitle { padding-right: 9px; }
.customChartYAxisLabels .chartLabel { padding-right: 6px; }
.chartInfoError { font-weight: bold; font-size: 10pt; color: black; border: 1px solid black; padding: 10px; background-color: white; }
.barChartLabel { font-size: 9px; padding: 0px 1px; }
.chartLegend { position: absolute; padding-top: 2px; }
.chartInfoKey { width: 15px; height: 15px; font-size: 0px; }
.chartDashedKey { height: 5px; border-bottom: 2px dotted; }
.chartAOD { font-size: 12px; }
.customChartDualAxisLabels .chartLabel { word-wrap: normal; }
.chartDataUnavailable { font-size: 12px; color: #333; text-align: center; }
.verticalText { -moz-transform: rotate(270deg); -moz-transform-origin: top left; -webkit-transform: rotate(270deg); -webkit-transform-origin: top left; -o-transform: rotate(270deg); -o-transform-origin: top left; -ms-transform: rotate(270deg); -ms-transform-origin: top left; }
.chartContainer .customChartYAxisLabels .verticalText, .chartContainer .customChartdualAxisTitle .verticalText { padding: 0px 0px 5px; white-space: nowrap; }

.chartTitle { font-size: 11px; line-height: 11px; color: #666; font-weight: bold; }
.chartLabel { font-size: 11px; word-wrap: break-word; display: table; color: #666; }
.chartTableTitle { font-size: 14px; }
.chartLegend .chartTableTitle { padding-bottom: 15px; }
.chartInfoLabel, .chartLegend .chartInfoLabel { font-size: 11px; padding-left: 4px; padding-bottom: 2px; }
.chartError { background-color: #FAF2BB; padding: 7px 9px 24px 9px; border-top: 2px solid; font-size: 12px; line-height: 18px; border-color: #F0AB00; color: #333; }
.chartInfoKeyTD,
.chartLegend .chartInfoKey { width: 9px; }
.chartLegend .chartInfoKey { height: 9px; font-size: 0%; margin-top: 2px; }
.chartLegend .legendAlignHorizontal .chartInfoKey { margin-left: 21px; }
.chartLegend .percentLabel { text-align: right; }
.chartLegend .legendPosRight { margin-left: 9px; margin-top: -4px; }
.chartLegend tr td { vertical-align: top; }
.gridChart .legendPosBottom { margin-top: 25px; margin-left: -1px; }
.pieChart .legendPosBottom { margin-top: 12px; margin-left: -1px; }
.pieChart .legendAlignHorizontal { margin-left: -21px; }

/*scrolling chart*/
.chartContainer .scrollContainer { position: absolute; }
.chartContainer .scroll { overflow: hidden; }
.androidNativeBrowser .chartContainer .scroll { overflow: auto; /* fix for broken scrolling in android native browser 3.0+ - will be cropped in android 2.3 or below */ }
.chartContainer .scrollIndicator { position: absolute; top: 0px; width: 21px; pointer-events: none; background: none; }
.chartContainer .rightScrollIndicator {
	right: 0px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(right, rgba(153,153,153,0.25) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(153,153,153,0.25)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(right, rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(right, rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(right, rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to left, rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 100%); /* W3C */
}
.chartContainer .leftScrollIndicator {
	left: 0px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(153,153,153,0.25) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,153,153,0.25)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 100%); /* W3C */
}
.chartContainer .hideIndicator { display: none; }

/*tooltip*/
.chartContainer.error .customCharttoolTip { display: none !important; }
.chartContainer .toolTip { border: 1px solid #999; background-color:#FFF; padding: 4px 7px 0px; z-index: 15; }
.chartContainer .toolTip .chartInfoKey { height: 9px; width: 9px; }
.toolTip .label0 { padding-left: 9px; }
.toolTip td { padding-bottom: 4px; vertical-align: middle; }
.xLdrTop, .xLdrBot, .xLdrLft, .xLdrRgt { position: absolute; background-image: url(./images/infoBoxLdr_17_335.png); background-repeat: no-repeat; font-size: 0%; z-index: 15; }
.xLdrTop { height: 12px; width: 22px; background-position:   0px -13px; }
.xLdrBot { height: 12px; width: 22px; background-position:   0px  -1px; }
.xLdrLft { height: 22px; width: 12px; background-position: -24px   0px; }
.xLdrRgt { height: 22px; width: 12px; background-position: -42px   0px; }
.customChartToolTipMarker .rangeBar, 
.customChartToolTipMarker .originBar { background-color: rgba(0,0,0,0.3); line-height: 0; font-size: 0; }
.customChartToolTipMarker .originBar { width: 100%; height: 100%; }
/*For IE8 Standards and less*/
@media \0screen\,screen\9 {
	.customChartToolTipMarker .rangeBar,
	.customChartToolTipMarker .originBar { background: transparent url(./images/chart_background_blue_20150109.png); }
	.ieQuirksVerticalText {
		-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; 
	}
}
.customChartToolTipMarker .indicator { line-height: 0; font-size: 0; z-index: 10; }
/*** SUPPRESS PAGE MARGINS AT BREAKPOINTS ***/

/* small */
@media screen and (max-width: 599px)
{
    body.respSuppressPageMarginsSml .vuiMain { padding: 0px; }
    body.respSuppressPageMarginsSml .gridContent { padding-right: 0px; }

    body.respSuppressPageMarginsSml .restoreGridGuttersOnSml,
    body.respSuppressPageMarginsSml .restoreGridGuttersOnAll
    {
        padding-left: 18px !important;
    }
    body.respSuppressPageMarginsSml .restoreGridGuttersOnSml .gridContent,
    body.respSuppressPageMarginsSml .restoreGridGuttersOnAll .gridContent
    {
        padding-right: 18px !important;
    }
}

/* medium */
@media screen and (min-width: 600px) and (max-width: 1000px)
{
    body.respSuppressPageMarginsMed .vuiMain { padding: 0px; }
    body.respSuppressPageMarginsMed .gridContent { padding-right: 0px; }

    body.respSuppressPageMarginsMed .restoreGridGuttersOnMed,
    body.respSuppressPageMarginsMed .restoreGridGuttersOnAll
    {
        padding-left: 18px;
    }
    body.respSuppressPageMarginsMed .restoreGridGuttersOnMed .gridContent,
    body.respSuppressPageMarginsMed .restoreGridGuttersOnAll .gridContent
    {
        padding-right: 18px;
    }
}

/* large */
@media (min-width: 1001px), print
{
    body.respSuppressPageMarginsLrg .vuiMain { padding: 0px; }
    body.respSuppressPageMarginsLrg .gridContent { padding-right: 0px; }

    body.respSuppressPageMarginsLrg .restoreGridGuttersOnLrg,
    body.respSuppressPageMarginsLrg .restoreGridGuttersOnAll
    {
        padding-left: 18px;
    }
    body.respSuppressPageMarginsLrg .restoreGridGuttersOnLrg .gridContent,
    body.respSuppressPageMarginsLrg .restoreGridGuttersOnAll .gridContent
    {
        padding-right: 18px;
    }
}

/* large - ie8 */
@media \0screen\,screen\9
{
    body.respSuppressPageMarginsLrg .vuiMain { padding: 0px; }
    body.respSuppressPageMarginsLrg .gridContent { padding-right: 0px; }

    body.respSuppressPageMarginsLrg .restoreGridGuttersOnLrg,
    body.respSuppressPageMarginsLrg .restoreGridGuttersOnAll
    {
        padding-left: 18px;
    }
    body.respSuppressPageMarginsLrg .restoreGridGuttersOnLrg .gridContent,
    body.respSuppressPageMarginsLrg .restoreGridGuttersOnAll .gridContent
    {
        padding-right: 18px;
    }
}
/* --------------------------------- */
/* VUI Print Styles      */
/* --------------------------------- */

@media print {	
	
	/*won't print the grey background*/
	body, body.template12Grid { background-color: #FFF; }
	
	/* zoom font styles */
	.vuiPrintText150 { font-size: 150%; }
	.vuiPrintText145 { font-size: 145%; }
	.vuiPrintText140 { font-size: 140%; }
	.vuiPrintText135 { font-size: 135%; }
	.vuiPrintText130 { font-size: 130%; }
	.vuiPrintText125 { font-size: 125%; }
	.vuiPrintText120 { font-size: 120%; }
	.vuiPrintText115 { font-size: 115%; }
	.vuiPrintText110 { font-size: 110%; }
	.vuiPrintText105 { font-size: 105%; }	
	.vuiPrintText95 { font-size: 95%; }
	.vuiPrintText90 { font-size: 90%; }
	.vuiPrintText85 { font-size: 85%; }
	.vuiPrintText80 { font-size: 80%; }
	.vuiPrintText75 { font-size: 75%; }
	.vuiPrintText70 { font-size: 70%; }
	.vuiPrintText65 { font-size: 65%; }
	.vuiPrintText60 { font-size: 60%; }
	.vuiPrintText55 { font-size: 55%; }
	.vuiPrintText50 { font-size: 50%; }
	
	/* --------------------------------- */
	/* Print-None Styles                 */
	/* --------------------------------- */
	/* Put around anything to suppress print - keep near bottom to take precedence */
	.vuiPrintNone { display: none !important; }
	.vuiPrintHide { visibility:hidden; }
	
	/* zoom styles for IE8 browser*/
	.vuiPrintZoom150 { zoom: 1.5; }
	.vuiPrintZoom145 { zoom: 1.45; }
	.vuiPrintZoom140 { zoom: 1.4; }
	.vuiPrintZoom135 { zoom: 1.35; }
	.vuiPrintZoom130 { zoom: 1.3; }
	.vuiPrintZoom125 { zoom: 1.25; }
	.vuiPrintZoom120 { zoom: 1.2; }
	.vuiPrintZoom115 { zoom: 1.15; }
	.vuiPrintZoom110 { zoom: 1.1; }
	.vuiPrintZoom95 { zoom: 0.95; }
	.vuiPrintZoom90 { zoom: 0.9; }
	.vuiPrintZoom85 { zoom: 0.85; }
	.vuiPrintZoom80 { zoom: 0.8; }
	.vuiPrintZoom75 { zoom: 0.75; }
	.vuiPrintZoom70 { zoom: 0.7; }
	.vuiPrintZoom65 { zoom: 0.65; }
	.vuiPrintZoom60 { zoom: 0.6; }
	.vuiPrintZoom55 { zoom: 0.55; }
	.vuiPrintZoom50 { zoom: 0.5; }
	
}

/* zoom styles for all browsers*/
	
@media print and ( min-width: 0px ){
		/* ie9+ modern browsers */
		.vuiPrintZoom150 {
			zoom: 1; /* resetting the zoom is important */
			-webkit-transform: scale(1.5);
			-moz-transform: scale(1.5);
			-ms-transform: scale(1.5);
			-o-transform: scale(1.5);
			transform: scale(1.5);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom145 {
			zoom: 1;
			-webkit-transform: scale(1.45);
			-moz-transform: scale(1.45);
			-ms-transform: scale(1.45);
			-o-transform: scale(1.45);
			transform: scale(1.45);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom140 {
			zoom: 1;
			-webkit-transform: scale(1.4);
			-moz-transform: scale(1.4);
			-ms-transform: scale(1.4);
			-o-transform: scale(1.4);
			transform: scale(1.4);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom135 {
			zoom: 1;
			-webkit-transform: scale(1.35);
			-moz-transform: scale(1.35);
			-ms-transform: scale(1.35);
			-o-transform: scale(1.35);
			transform: scale(1.35);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom130 {
			zoom: 1;
			-webkit-transform: scale(1.3);
			-moz-transform: scale(1.3);
			-ms-transform: scale(1.3);
			-o-transform: scale(1.3);
			transform: scale(1.3);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom125 {
			zoom: 1;
			-webkit-transform: scale(1.25);
			-moz-transform: scale(1.25);
			-ms-transform: scale(1.25);
			-o-transform: scale(1.25);
			transform: scale(1.25);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom120 {
			zoom: 1;
			-webkit-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-ms-transform: scale(1.2);
			-o-transform: scale(1.2);
			transform: scale(1.2);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom115 {
			zoom: 1;
			-webkit-transform: scale(1.15);
			-moz-transform: scale(1.15);
			-ms-transform: scale(1.15);
			-o-transform: scale(1.15);
			transform: scale(1.15);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom110 {
			zoom: 1;
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-ms-transform: scale(1.1);
			-o-transform: scale(1.1);
			transform: scale(1.1);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom105 {
			zoom: 1;
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-ms-transform: scale(1.05);
			-o-transform: scale(1.05);
			transform: scale(1.05);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom95 {
			zoom: 1;
			-webkit-transform: scale(0.95);
			-moz-transform: scale(0.95);
			-ms-transform: scale(0.95);
			-o-transform: scale(0.95);
			transform: scale(0.95);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom90 {
			zoom: 1;
			-webkit-transform: scale(0.9);
			-moz-transform: scale(0.9);
			-ms-transform: scale(0.9);
			-o-transform: scale(0.9);
			transform: scale(0.9);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom85 {
			zoom: 1;
			-webkit-transform: scale(0.85);
			-moz-transform: scale(0.85);
			-ms-transform: scale(0.85);
			-o-transform: scale(0.85);
			transform: scale(0.85);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom80 {
			zoom: 1;
			-webkit-transform: scale(0.8);
			-moz-transform: scale(0.8);
			-ms-transform: scale(0.8);
			-o-transform: scale(0.8);
			transform: scale(0.8);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom75 {
			zoom: 1;
			-webkit-transform: scale(0.75);
			-moz-transform: scale(0.75);
			-ms-transform: scale(0.75);
			-o-transform: scale(0.75);
			transform: scale(0.75);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom70 {
			zoom: 1;
			-webkit-transform: scale(0.70);
			-moz-transform: scale(0.70);
			-ms-transform: scale(0.70);
			-o-transform: scale(0.70);
			transform: scale(0.70);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom65 {
			zoom: 1;
			-webkit-transform: scale(0.65);
			-moz-transform: scale(0.65);
			-ms-transform: scale(0.65);
			-o-transform: scale(0.65);
			transform: scale(0.65);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom60 {
			zoom: 1;
			-webkit-transform: scale(0.6);
			-moz-transform: scale(0.6);
			-ms-transform: scale(0.6);
			-o-transform: scale(0.6);
			transform: scale(0.6);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom55 {
			zoom: 1;
			-webkit-transform: scale(0.55);
			-moz-transform: scale(0.55);
			-ms-transform: scale(0.55);
			-o-transform: scale(0.55);
			transform: scale(0.55);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
		.vuiPrintZoom50 {
			zoom: 1;
			-webkit-transform: scale(0.5);
			-moz-transform: scale(0.5);
			-ms-transform: scale(0.5);
			-o-transform: scale(0.5);
			transform: scale(0.5);
			-webkit-transform-origin: 0 0;
			-moz-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
			-o-transform-origin: 0 0;
			transform-origin: 0 0;
		}
}

	
/* applies to all media query sizes */

#vuiBreakpoint { width: 3px; display: none; }

/* small */

@media screen and (max-width: 599px) 
{
	#vuiBreakpoint { width: 1px; }	
}

/* medium */

@media screen and (min-width: 600px) and (max-width: 1000px) 
{ 
	#vuiBreakpoint { width: 2px; }
}

/* large  */

@media (min-width: 1001px), print 
{
	#vuiBreakpoint { width: 3px; }
}
.vuiToggle { cursor: pointer; }

/******* vuiBanners *******/

.vuiBannerA, .vuiBannerB { padding: 18px 27px; }
.vuiBannerA { min-height:  72px; }
.vuiBannerB { min-height: 153px; }

.vuiBannerC, .vuiBannerD, .vuiBannerE, .vuiBannerF { padding: 36px; }
.vuiBannerC { min-height: 234px; }
.vuiBannerD { min-height: 315px; }
.vuiBannerE { min-height: 396px; }
.vuiBannerF { min-height: 477px; }

.vuiBannerDetail { min-height: 36px; padding:9px 9px 9px 18px; }

/* 
	ie8 height fix
	ie8 is ignoring box-sizing border box when using min-height 
	so we need to subtract the vertical padding from the min-height
*/
@media \0screen\,screen\9 
{
	.vuiBannerA { min-height:  36px; /*  72 - 36 vertical padding */ }
	.vuiBannerB { min-height: 117px; /* 153 - 36 vertical padding */ }
	.vuiBannerC { min-height: 162px; /* 234 - 72 vertical padding */ }
	.vuiBannerD { min-height: 243px; /* 315 - 72 vertical padding */ }
	.vuiBannerE { min-height: 324px; /* 396 - 72 vertical padding */ }
	.vuiBannerF { min-height: 405px; /* 477 - 72 vertical padding */ }
	.vuiBannerDetail { min-height: 18px; /* 36 - 18 vertical padding */ }
}
.vuiButton {
	color: #333;
	padding: 4px 9px 5px;
	margin-right: 9px;
    font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	cursor: pointer;
	background: #d4cfc3; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0Y2ZjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOGEwOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9 SVG */
	background: -moz-linear-gradient(top,  #d4cfc3 0%, #a8a093 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4cfc3), color-stop(100%,#a8a093)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d4cfc3 0%,#a8a093 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d4cfc3 0%,#a8a093 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d4cfc3 0%,#a8a093 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d4cfc3 0%,#a8a093 100%); /* W3C */
}

.vuiButton.vuiButtonSkin,
.vuiButton.vuiButtonSkin2 {
	color: #fff;
	background: #96151d; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTYxNTFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkMTExZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #96151d 0%, #7d111d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96151d), color-stop(100%,#7d111d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #96151d 0%,#7d111d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #96151d 0%,#7d111d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #96151d 0%,#7d111d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #96151d 0%,#7d111d 100%); /* W3C */
}

.vuiButton.vuiButtonSkin2 {
	font-size: 16px;
    font-weight: normal;
	height: 38px;
	border: solid 1px #5e0d13;
	text-transform: none;
	text-shadow: 0 -1px #5e0d13;
	padding-left: 20px;
	padding-right: 20px;
}


/*** INTERNAL ***/
.vuiButton.vuiButtonInternal {
	color: #333;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZTBjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmNmOWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #D3E0C5 0%, #BBCF9D 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D3E0C5), color-stop(100%,#BBCF9D)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #D3E0C5 0%,#BBCF9D 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #D3E0C5 0%,#BBCF9D 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #D3E0C5 0%,#BBCF9D 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #D3E0C5 0%,#BBCF9D 100%); /* W3C */
	
}

.vuiButton:hover.vuiButtonInternal {
	color: #000;
	background: #D3E0C5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiY2Y5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2UwYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #BBCF9D 0%, #D3E0C5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBCF9D), color-stop(100%,#D3E0C5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #BBCF9D 0%,#D3E0C5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #BBCF9D 0%,#D3E0C5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #BBCF9D 0%,#D3E0C5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #BBCF9D 0%,#D3E0C5 100%); /* W3C */
}

.vuiButton:active:hover.vuiButtonInternal {
	color: #000;
	background-color: #BBCF9D;
}

/* FireFox */
@-moz-document url-prefix()
{
	.vuiButton { padding: 3px 9px 4px; }
}

/* IE9 */
:root .vuiButton { padding: 5px 9px\0; }
:root .vuiButton.vuiButtonSkin2 { padding-left: 20px\0; padding-right: 20px\0; }

.vuiButton:hover {
	color: #333;
	background: #a8a093; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YTA5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGNmYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9 SVG */
	background: -moz-linear-gradient(top,  #a8a093 0%, #d4cfc3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8a093), color-stop(100%,#d4cfc3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a8a093 0%,#d4cfc3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a8a093 0%,#d4cfc3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a8a093 0%,#d4cfc3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a8a093 0%,#d4cfc3 100%); /* W3C */
}

.vuiButton:hover.vuiButtonSkin {
	color: #CCC;
	background: #7d111d; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2QxMTFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk2MTUxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #7d111d 0%, #96151d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d111d), color-stop(100%,#96151d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d111d 0%,#96151d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d111d 0%,#96151d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7d111d 0%,#96151d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #7d111d 0%,#96151d 100%); /* W3C */
}

.vuiButton:hover.vuiButtonSkin2 {
	color: #fff;
	background: #5e0d13;
	text-shadow: 0 -1px #5e0d13;
	padding-left: 20px;
	padding-right: 20px;
}

/* IE8 Standards and Less */
@media \0screen\,screen\9
{
    .vuiButton {
        -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(Enabled=true,startColorStr=#d4cfc3,endColorStr=#a8a093,gradientType=0)";
    }

    .vuiButton.vuiButtonSkin,
    .vuiButton.vuiButtonSkin2 {
        -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(Enabled=true,startColorStr=#96151d,endColorStr=#7d111d,gradientType=0)";
    }
    .vuiButton:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(Enabled=true,startColorStr=#a8a093,endColorStr=#d4cfc3,gradientType=0)";
    }

    .vuiButton:hover.vuiButtonSkin {
        -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(Enabled=true,startColorStr=#7d111d,endColorStr=#96151d,gradientType=0)";
    }
	.vuiButton.vuiButtonSkin2:hover,
    .vuiButton.vuiButtonSkin2:active {
        background: #5e0d13;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    }

    .vuiButton.vuiButtonInternal {
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e0c5', endColorstr='#bbcf9d',GradientType=0 )";
	}
	.vuiButton.vuiButtonInternal:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbcf9d', endColorstr='#d3e0c5',GradientType=0 )";
	}
	
    .vuiButton[disabled],
    .vuiButton[disabled]:hover, 
    .vuiButton[disabled]:active,
    .vuiButton:active:hover { 
    	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; 
    }
}

/* mousedown style */
.vuiButton:active:hover { color: #fff; background: none; background-color: #666; }

.vuiButton:active:hover.vuiButtonSkin { background-color: #7D111D; }
.vuiButton:active:hover.vuiButtonSkin2 { background-color: #5e0d13; }

/* disabled styles */
.vuiButton[disabled] { color: #FFF; }
.vuiButton[disabled],
.vuiButton[disabled]:hover, .vuiButton[disabled]:active { background-color: #D4CFC3; background-image: none; }
.vuiButton[disabled]::-ms-value { color: #FFF; }

.vuiButton[disabled].vuiButtonSkin { color: #FFF; }
.vuiButton[disabled].vuiButtonSkin,
.vuiButton[disabled]:hover.vuiButtonSkin,
.vuiButton[disabled]:active.vuiButtonSkin  { background-color: #DFB8BB; }

.vuiButton[disabled].vuiButtonSkin2  { color: #FFF; }
.vuiButton[disabled].vuiButtonSkin2,
.vuiButton[disabled]:hover.vuiButtonSkin2,
.vuiButton[disabled]:active.vuiButtonSkin2 { text-shadow: none; border: none; background-color: #D4CFC3; }

.vuiButton[disabled].vuiButtonInternal { color: #FFF; }
.vuiButton[disabled].vuiButtonInternal,
.vuiButton[disabled]:hover.vuiButtonInternal, 
.vuiButton[disabled]:active.vuiButtonInternal { color: #FFF; background-color: #D3E0C5; }




/* small & medium */
@media screen and ( max-width: 1000px )
{
	.vuiButton { padding-top: 9px; padding-bottom: 9px; }
	/* FireFox */
	@-moz-document url-prefix()
	{
		.vuiButton { padding-top: 8px; padding-bottom: 8px; }
	}
	:root .vuiButton { padding-top: 10px\0; padding-bottom: 8px\0; /* IE9 */ }
}
/* component bar */

.vuiComponentBar .vuiComponentBarItem { display: inline-block; padding-left: 12px; padding-right: 12px; background: url(./images/comp_bar_pipe.png) no-repeat 0 center; }
.vuiComponentBar .vuiComponentBarItem:first-child { padding-left: 0px; background-image: none; }
.vuiComponentBar .vuiComponentBarItem.vuiComponentBarNoPipe { background-image: none; padding-left: 0px; }
.vuiComponentBar .vuiComponentBarItem.vuiComponentBarSmallPipe { background-size: 1px 12px; }

@media \0screen\,screen\9 
{
	.vuiComponentBar .vuiComponentBarItem.vuiComponentBarSmallPipe { background-image: url(./images/nav_pipeBar.png); }
}

/* noPad - all sizes */

.vuiComponentBar .vuiComponentBarItemNoPad { padding: 0px 0px 0px 1px; }

/* noPad - small */

@media screen and (max-width: 599px)
{
	.vuiComponentBar .vuiComponentBarItemNoPadOnSml { padding: 0px 0px 0px 1px; }
}

/* noPad - medium */

@media screen and (min-width: 600px) and (max-width: 1000px)
{
	.vuiComponentBar .vuiComponentBarItemNoPadOnMed { padding: 0px 0px 0px 1px; }
}

/* noPad - Large */

@media (min-width: 1001px), print
{
	.vuiComponentBar .vuiComponentBarItemNoPadOnLrg { padding: 0px 0px 0px 1px; }
}

@media \0screen\,screen\9 
{
	.vuiComponentBar .vuiComponentBarItemNoPadOnLrg { padding: 0px 0px 0px 1px; }
}

.vuiDeckContainer {
	position:relative;
	-webkit-perspective: 1000;
  	-moz-perspective: 1000;
  	-ms-perspective: 1000;
  	-o-perspective: 1000;
  	perspective: 1000;
}

.vuiDeckContainer .vuiDeck {
	-webkit-transition: 0.75s;
	-moz-transition: 0.75s;
	-ms-transition: 0.75s;
	-o-transition: 0.75s;
	transition: 0.75s;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height:100%;
	-webkit-transform: scale3d(1,1,1);
	-moz-transform: scale3d(1,1,1);
	position:relative;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-moz-box-shadow: 0 0 5px #DBDBDB;
	-webkit-box-shadow: 0 0 5px #DBDBDB;
	box-shadow: 0 0 5px #DBDBDB;
}

.vuiDeckContainer .vuiDeck .vuiCard {
	width: 100%;
	height: 100%;
	position: absolute;
	cursor:pointer;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	display: block;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	padding:18px;
}

.vuiDeckContainer .vuiDeck .vuiCardBack {
  -webkit-transform: rotatey(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.vuiDeckContainer .vuiDeck.flipHorizontal {
  -webkit-transform: rotatey(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -moz-transition-timing-function: ease;
}

.vuiDeckContainer .vuiDeck.flipVertical {
  -webkit-transform: rotatex(-180deg);
  -moz-transform: rotatex(-180deg);
  -ms-transform: rotatex(-180deg);
  -o-transform: rotatex(-180deg);
  transform: rotatex(-180deg);
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -moz-transition-timing-function: ease;
}

.vuiDeckContainer .vuiDeck.flipVertical .vuiCardBack {
	-webkit-transform: rotatex(-180deg);
  	-moz-transform: rotatex(-180deg);
  	-ms-transform: rotatex(-180deg);
 	-o-transform: rotatex(-180deg);
 	 transform: rotatex(-180deg);
}

.vuiDeckContainer .vuiDeck .vuiDeckVertical {
	-webkit-transform: rotatex(-180deg);
  	-moz-transform: rotatex(-180deg);
  	-ms-transform: rotatex(-180deg);
 	-o-transform: rotatex(-180deg);
 	 transform: rotatex(-180deg);
}
/******* FLOATING CONTAINER *******/

/* Hack used to get the true Element.outerHeight(true) of our wrapper
element. Fixes issues with 'margin collapse' on child elements. */
.vuiFloatingContainer {
    border-bottom: 1px solid transparent;
    top: 0px;
    position: relative;
    z-index: 150;
}
.vuiFloatingContainerBottom { bottom: 0px; top: auto; }

.vuiFloatingPlaceHolder { width:100%; }

@media print
{
    /* The directive applies css to the nodes through ng-style.  Do not override the px values */
    .vuiFloatingContainer { position: static !important; }
    .vuiFloatingPlaceHolder { display: none !important; }
}
a.infoboxTrigger { border-bottom: dotted 1px #333; color: #333; background-color: transparent; text-decoration: none; cursor: text; }
a.infoboxTrigger:hover { border-bottom: none; color: #333; background-color: transparent; text-decoration: none; cursor: text; }

.vuiInfobox { position: fixed; z-index: 520; color: #333; text-align: left; white-space: normal; font-weight: normal; font-size: 1em; font-size: 1rem; line-height: 1.5; }

.vuiInfobox .vuiPointercontainer.vuiPointercontainerTop {
    margin: 12px 0px 0px 0px;
}

.vuiInfobox .vuiPointercontainer.vuiPointercontainerBottom {
    margin: 0px 0px 12px 0px;
}

.vuiInfobox .vuiPointercontainer.vuiPointercontainerLeft {
    margin: 0px 0px 0px 12px;
}

.vuiInfobox .vuiPointercontainer.vuiPointercontainerRight {
    margin: 0px 12px 0px 0px;
}

/******* LAYER *******/
.vuiLayer { background-color: #FFF; z-index: 910; position: fixed; top: 50%; left: 0; right: 0; margin: auto; color: #333; }
.vuiLayer.vuiLayerFullscreen { width: 100%; max-width: 100%; height: 100%; max-height: 100%; top: 0; border: none; }
.vuiLayerHeader > .vuiLayerTitle, .vuiLayerHeader > .vuiLayerEmptyDraggableTitle { padding: 9px 30px 1px 18px; font-size:16px; }
.vuiLayerLarge > .vuiLayerHeader > .vuiLayerTitle, .vuiLayerLarge > .vuiLayerHeader > .vuiLayerEmptyDraggableTitle { font-size: 21px; padding: 18px 30px 1px 18px;}
.vuiLayerCloseButton { background: url(./images/vui_close_icons_20150625.png) no-repeat scroll 0 -54px transparent; top: 6px; right: 6px; cursor: pointer; height: 24px; margin-left: 6px; position: absolute; text-decoration: none; width: 24px; }
.vuiLayerCloseButton:hover { background-position: 0 -78px; }
.vuiOverflowSupported .vuiLayerBody { overflow: auto; }
.vuiLayerBodyContent { border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
.vuiLayer > .vuiLayerContainer { width: 100%; padding: 17px 18px; }
.vuiLayerHasFooter > .vuiLayerContainer > .vuiLayerFooter { padding-top: 21px; }
.vuiModalDiv { width: 100%; height: 100%; top: 0; left: 0; z-index: 900; position: fixed; background-color: #CCC; opacity: 0; }
.vuiLayerDraggable { padding-bottom: 8px; background-color:#E0DBD0; cursor: move;}

/****** INTERNAL LAYER ******/
.vuiLayerInternal >  .vuiLayer .vuiLayerHeader { background-color:#D3E0C5; padding-bottom: 8px;}
  
.vuiLayerGrid2  { max-width: 194px; width: 16.666666666666664%; }
.vuiLayerGrid4  { max-width: 358px; width: 33.33333333333333%; }
.vuiLayerGrid6  { max-width: 522px; width: 50%; }
.vuiLayerGrid8  { max-width: 698px; width: 66.66666666666666%; }
.vuiLayerGrid10 { max-width: 862px; width: 83.33333333333334%; }

.vuiLayerSmall { border: 6px solid #666; }
.vuiLayerLarge { border: 12px solid #666; }


@media \0screen\,screen\9 
{
	.vuiLayer { max-height: 80%; }
	.vuiModalDiv { -ms-filter: 'alpha(opacity=50)'; }

	.vuiLayerGrid2  { width: 194px; /* 194px = 164px + 6px + 18px + 6px */ } 
	.vuiLayerGrid4  { width: 358px; /* 358px = 328px + 6px + 18px + 6px */ } 
	.vuiLayerGrid6  { width: 522px; /* 522px = 492px + 6px + 18px + 6px */ } 
	.vuiLayerGrid8  { width: 698px; /* 698px = 656px + 6px + 18px + 6px */ } 
	.vuiLayerGrid10 { width: 862px; /* 862px = 820px + 6px + 18px + 6px */ }

	.vuiLayerSmall { border: 6px solid #666; }
	.vuiLayerLarge { border: 12px solid #666; }

	.vuiLayerCloseButton:hover { background-position: 0 -18px; }
	.vuiLayerCloseButton { background-position: 0 0; height: 18px; margin-left: 6px; width: 18px; }
}

/*large*/
@media screen and ( min-width: 1000px ), print
{
	.vuiLayerCloseButton:hover { background-position: 0 -18px; }
	.vuiLayerCloseButton { background-position: 0 0; height: 18px; margin-left: 6px; width: 18px; }
}

/******* LINKS *******/

.vuiLink { cursor: pointer; }

/*** DISABLED ***/

.vuiLink.vuiLinkDisabled,
.vuiLink.vuiLinkDisabled:hover { color: #B3B3B3; cursor: default; }
.vuiLink.vuiLinkDisabled.link-primary:hover { text-decoration: none; }

/*** INTERNAL ***/

.vuiLinkIntOnly { background-color: #D3E0C5; }

/*** ICONS ***/

.vuiLinkHasIconLft:before,
.vuiLinkHasIconRgt:after { content: ""; display: inline; background: url(./images/vui_link_modifiers_2015_0904.png) 0px 0px no-repeat scroll; }
.vuiLinkHasIconLft .vuiLinkText { padding-left: 6px; }
.vuiLinkHasIconRgt .vuiLinkText { padding-right: 6px; }

/* OPEN LAYER ICON */

.vuiOpenLayerIcon:before,
.vuiOpenLayerIcon:after { background-position: -88px -3px; padding-right: 9px; line-height: 19px; font-size: 12px; }
.vuiOpenLayerIcon:hover:before,
.vuiOpenLayerIcon:hover:after { background-position: -107px -3px; }
.vuiLinkDisabled.vuiOpenLayerIcon:before,
.vuiLinkDisabled.vuiOpenLayerIcon:after,
.vuiLinkDisabled.vuiOpenLayerIcon:hover:before,
.vuiLinkDisabled.vuiOpenLayerIcon:hover:after { background-position: -394px -3px; }

/* NEW WINDOW ICON */

.vuiNewWindowIcon:before,
.vuiNewWindowIcon:after { background-position: -126px -3px; padding-right: 9px; line-height: 17px; font-size: 12px; }
.vuiNewWindowIcon:hover:before,
.vuiNewWindowIcon:hover:after { background-position: -145px -3px; }
.vuiLinkDisabled.vuiNewWindowIcon:before,
.vuiLinkDisabled.vuiNewWindowIcon:after,
.vuiLinkDisabled.vuiNewWindowIcon:hover:before,
.vuiLinkDisabled.vuiNewWindowIcon:hover:after { background-position: -413px -3px; }

/* RIGHT ARROW ICON */

.vuiRightArrowIcon:before,
.vuiRightArrowIcon:after { background-position: -50px -3px; padding-right: 9px; line-height:19px; font-size :12px;}
.vuiRightArrowIcon:hover:before,
.vuiRightArrowIcon:hover:after { background-position: -69px -3px; }
.vuiLinkDisabled.vuiRightArrowIcon:before,
.vuiLinkDisabled.vuiRightArrowIcon:after,
.vuiLinkDisabled.vuiRightArrowIcon:hover:before,
.vuiLinkDisabled.vuiRightArrowIcon:hover:after { background-position: -375px -3px; }

/* LEFT ARROW ICON */

.vuiLeftArrowIcon:before,
.vuiLeftArrowIcon:after { background-position: -2045px -3px; padding-right: 9px; line-height: 19px; font-size: 12px; }
.vuiLeftArrowIcon:hover:before,
.vuiLeftArrowIcon:hover:after { background-position:   -2059px -3px; }
.vuiLinkDisabled.vuiLeftArrowIcon:before,
.vuiLinkDisabled.vuiLeftArrowIcon:after,
.vuiLinkDisabled.vuiLeftArrowIcon:hover:before,
.vuiLinkDisabled.vuiLeftArrowIcon:hover:after { background-position: -2073px -3px; }

/* UP ARROW ICON */

.vuiUpArrowIcon:before,
.vuiUpArrowIcon:after { background-position: -452px -3px; padding-right: 9px; line-height: 19px; font-size: 12px; }
.vuiUpArrowIcon:hover:before,
.vuiUpArrowIcon:hover:after { background-position: -472px -3px; }
.vuiLinkDisabled.vuiUpArrowIcon:before,
.vuiLinkDisabled.vuiUpArrowIcon:after,
.vuiLinkDisabled.vuiUpArrowIcon:hover:before,
.vuiLinkDisabled.vuiUpArrowIcon:hover:after { background-position: -333px -3px; }

/* DOWN ARROW ICON */

.vuiDownArrowIcon:before,
.vuiDownArrowIcon:after { background-position: -214px -3px; padding-right: 9px; line-height: 19px; font-size: 12px; }
.vuiDownArrowIcon:hover:before,
.vuiDownArrowIcon:hover:after { background-position: -233px -3px; }
.vuiLinkDisabled.vuiDownArrowIcon:before,
.vuiLinkDisabled.vuiDownArrowIcon:after,
.vuiLinkDisabled.vuiDownArrowIcon:hover:before,
.vuiLinkDisabled.vuiDownArrowIcon:hover:after { background-position: -432px -3px; }

/* SOCIAL MEDIA ICONS */

.vuiFacebookIcon:before,     .vuiFacebookIcon:after,
.vuiTwitterIcon:before,      .vuiTwitterIcon:after,
.vuiYoutubeIcon:before,      .vuiYoutubeIcon:after,
.vuiRssfeedIcon:before,      .vuiRssfeedIcon:after,
.vuiVanguardBlogIcon:before, .vuiVanguardBlogIcon:after,
.vuiLinkedInIcon:before,     .vuiLinkedInIcon:after,
.vuiGooglePlusIcon:before,   .vuiGooglePlusIcon:after	{ padding-right: 16px; line-height: 18px; vertical-align: text-top; font-size: 15px; }
.vuiFacebookIcon:before,     .vuiFacebookIcon:after		{ background-position:  -486px -1px; }
.vuiTwitterIcon:before,      .vuiTwitterIcon:after		{ background-position:  -510px -1px; }
.vuiYoutubeIcon:before,      .vuiYoutubeIcon:after		{ background-position:  -582px -1px; }
.vuiRssfeedIcon:before,      .vuiRssfeedIcon:after		{ background-position:  -534px -1px; }
.vuiVanguardBlogIcon:before, .vuiVanguardBlogIcon:after	{ background-position:  -558px -1px; }
.vuiLinkedInIcon:before,     .vuiLinkedInIcon:after		{ background-position:  -606px -1px; }
.vuiGooglePlusIcon:before,   .vuiGooglePlusIcon:after	{ background-position: -1521px -1px; }
.vuiFeedbackIcon:before,     .vuiFeedbackIcon:after		{ background: url(./images/sm_999_oo.gif) 0px 2px no-repeat scroll;  padding-right: 9px; line-height: 19px; font-size: 12px; }

/* INFO ICON */

.vuiInfoIcon:before,
.vuiInfoIcon:after { background-position: -1653px -2px; padding-right: 15px; line-height: 18px; vertical-align: text-top; font-size: 15px; }

/* REMOVE ICON */

.vuiRemoveIcon:before,
.vuiRemoveIcon:after { background-position: -1678px -5px; padding-right: 9px; height: 9px; }

/* WORD ICON */

.vuiWordIcon:before,
.vuiWordIcon:after { background-position:  -188px -1px; padding-right: 16px; line-height: 18px; vertical-align: text-top; font-size: 15px; }

/* EXCEL ICON */

.vuiExcelIcon:before,
.vuiExcelIcon:after { background-position:  -250px -1px; padding-right: 16px; line-height: 18px; vertical-align: text-top; font-size: 15px; }

/* PPT ICON */

.vuiPowerPointIcon:before,
.vuiPowerPointIcon:after { background-position:  -277px -1px; padding-right: 16px; line-height: 18px; vertical-align: text-top; font-size: 15px; }

/* PDF ICON */

.vuiPdfIcon:before,
.vuiPdfIcon:after { background-position:  -303px -1px; padding-right: 16px; line-height: 18px; vertical-align: text-top; font-size: 15px; }

/* AUDIO ICON */

.vuiAudioIcon:before,
.vuiAudioIcon:after { background-position:  -908px -2px; padding-right: 10px; line-height: 16px; vertical-align: text-top; font-size: 14px; }

/* VIDEO ICON */

.vuiVideoIconLink:before,
.vuiVideoIconLink:after { background-position:   -922px -2px; padding-right: 17px; line-height: 16px; vertical-align: text-top; font-size: 14px; }

/* PLUS SIGN ICON */

.vuiPlusSignIcon:before,
.vuiPlusSignIcon:after { background-position: -164px -2px; padding-right: 15px; line-height: 18px; vertical-align: text-top; font-size: 15px; }
/** vuiLinkbar **/

.vuiLinkbar {
    display: inline-block;
}

/*** DEFAULT ***/

.vuiLinkbarDefault {
    margin-bottom: 18px;
}

.vuiLinkbarDefault .vuiLinkbaritem {
    display: inline-block;
    font-weight: normal;
    font-size: 1em;
    font-size: 1rem;
    line-height: 1.5;
    padding: 5px 9px 4px;
    background-image: url(./images/nav_pipeBar.png);
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    background-size: 1px 22px;
    text-decoration: none;
}

.vuiLinkbarDefault .vuiLinkbaritem:hover {
    text-decoration: underline;
}

.vuiLinkbarDefault .vuiLinkbaritem:first-child {
    background-image: none;
    padding-left: 0px;
}

.vuiLinkbarDefault.vuiLinkbarInd .vuiLinkbaritem:first-child {
    padding-left: 9px;
}

.vuiLinkbarDefault.vuiLinkbarInd .vuiLinkbaritem:first-child {
    padding-left: 9px;
}

/*** DISABLED ***/

.vuiLinkbarDefault .vuiLinkbaritem.vuiLinkbaritemDisabled,
.vuiLinkbarDefault .vuiLinkbaritem.vuiLinkbaritemDisabled:hover {
    color: #B3B3B3;
    cursor: default;
    text-decoration: none;
}

/*** INTERNAL ***/

.vuiLinkbarDefault .vuiLinkbaritemIntOnly {
    background-color: #D3E0C5;
    padding-left: 9px;
}

.vuiLinkbarDefault .vuiLinkbaritemIntOnly:first-child {
    padding-left: 9px;
}

/*** SELECTED ***/

.vuiLinkbarDefault.vuiLinkbarInd .vuiLinkbaritemSelected,
.vuiLinkbarDefault.vuiLinkbarInd .vuiLinkbaritemSelected:hover {
    background-image: none;
    background-color: #96151D;
    color: #FFF;
    cursor: default;
    text-decoration: none;
}

.vuiLinkbarDefault.vuiLinkbarInd .vuiLinkbaritemSelected + .vuiLinkbaritem {
    background-image: none;
}

/*** INTERNAL SELECTED ***/

.vuiLinkbarDefault.vuiLinkbarInd .vuiLinkbaritemIntOnly.vuiLinkbaritemSelected,
.vuiLinkbarDefault.vuiLinkbarInd .vuiLinkbaritemIntOnly.vuiLinkbaritemSelected:hover {
    background-color: #BBCF9D;
    color: #333;
}

/*** LARGE ***/

@media ( min-width: 1001px ), print
{
    .vuiLinkbarDefault .vuiLinkbaritem {
        background-size: 1px 11px;
        padding-top: 2px;
        padding-bottom: 1px;
    }
}

/*** IE8 and Less ***/

@media \0screen\,screen\9 
{
    .vuiLinkbarDefault .vuiLinkbaritem {
        background-size: 1px 11px;
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 21px; /* ie8 had weird vertical align issues if I didn't use line-height and 0px vert padding */
    }
}

/*** UNDERLINE ***/
.vuiLinkbarUnderline .vuiLinkbaritem { text-decoration:underline; }

/*** vuiLinkbarStyle1 && vuiLinkbarStyle2 ***/
.vuiLinkbarStyle1, .vuiLinkbarStyle2 {
    margin-bottom: 18px;
    display: inline-table;
}

.vuiLinkbarStyle1 .vuiLinkbaritem, .vuiLinkbarStyle2 .vuiLinkbaritem {
    font-weight: normal;
    font-size: 1em;
    font-size: 1rem;
    line-height: 1.5;
    display: table-cell;
    vertical-align: middle;
    color: #333333;
    border: solid 1px #D6D6D6;
    border-left: none;
    padding: 9px 12px;
    background-image: none;
    background-size: initial;
    background-repeat: no-repeat;
    text-decoration: none;
}
.vuiLinkbarStyle2 .vuiLinkbaritem { padding: 3px 12px; }
.vuiLinkbarStyle1 .vuiLinkbaritem:first-child, .vuiLinkbarStyle2 .vuiLinkbaritem:first-child { border-left: solid 1px #D6D6D6; } 
.vuiLinkbarStyle1 .vuiLinkbaritem:hover, .vuiLinkbarStyle2 .vuiLinkbaritem:hover { text-decoration:none; }

.vuiLinkbarStyle1 .vuiLinkbaritem, .vuiLinkbarStyle1 .vuiLinkbaritem:first-child, 
.vuiLinkbarStyle1.vuiLinkbarInd .vuiLinkbaritemSelected + .vuiLinkbaritem,
.vuiLinkbarStyle2 .vuiLinkbaritem, .vuiLinkbarStyle2 .vuiLinkbaritem:first-child, 
.vuiLinkbarStyle2.vuiLinkbarInd .vuiLinkbaritemSelected + .vuiLinkbaritem  { 
			background: #ffffff;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
			background: -moz-linear-gradient(top, #ffffff 35%, #ededed 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#ffffff), color-stop(100%,#ededed));
			background: -webkit-linear-gradient(top, #ffffff 35%,#ededed 100%);
			background: -o-linear-gradient(top, #ffffff 35%,#ededed 100%);
			background: -ms-linear-gradient(top, #ffffff 35%,#ededed 100%);
			background: linear-gradient(to bottom, #ffffff 35%,#ededed 100%);
} 

.vuiLinkbarStyle1.vuiLinkbarInd .vuiLinkbaritemSelected, .vuiLinkbarStyle1.vuiLinkbarInd .vuiLinkbaritemSelected:hover,
.vuiLinkbarStyle2.vuiLinkbarInd .vuiLinkbaritemSelected, .vuiLinkbarStyle2.vuiLinkbarInd .vuiLinkbaritemSelected:hover { 
		color: #333; 
		background: #c2c0c1;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyYzBjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VkZWJlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top, #c2c0c1 0%, #edebec 50%, #ffffff 80%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c0c1), color-stop(50%,#edebec), color-stop(80%,#ffffff));
		background: -webkit-linear-gradient(top, #c2c0c1 0%,#edebec 50%,#ffffff 80%);
		background: -o-linear-gradient(top, #c2c0c1 0%,#edebec 50%,#ffffff 80%);
		background: -ms-linear-gradient(top, #c2c0c1 0%,#edebec 50%,#ffffff 80%);
		background: linear-gradient(to bottom, #c2c0c1 0%,#edebec 50%,#ffffff 80%);
}
						                                
/*** IE8 and Less ***/
@media \0screen\,screen\9 
{
	.vuiLinkbarStyle1 .vuiLinkbaritem,
    .vuiLinkbarStyle1 .vuiLinkbaritem:first-child,
    .vuiLinkbarStyle1.vuiLinkbarInd .vuiLinkbaritemSelected + .vuiLinkbaritem,
	.vuiLinkbarStyle2 .vuiLinkbaritem,
    .vuiLinkbarStyle2 .vuiLinkbaritem:first-child,
    .vuiLinkbarStyle2.vuiLinkbarInd .vuiLinkbaritemSelected + .vuiLinkbaritem  {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 )";
    }
	
	.vuiLinkbarStyle1.vuiLinkbarInd .vuiLinkbaritemSelected,
    .vuiLinkbarStyle1.vuiLinkbarInd .vuiLinkbaritemSelected:hover,
	.vuiLinkbarStyle2.vuiLinkbarInd .vuiLinkbaritemSelected,
    .vuiLinkbarStyle2.vuiLinkbarInd .vuiLinkbaritemSelected:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c0c1', endColorstr='#ffffff',GradientType=0 )";
    }
}
				                                

/*** vuiLinkbarStyle3 ***/
.vuiLinkbarStyle3 {
    margin-bottom: 18px;
    display: inline-table;
}

.vuiLinkbarStyle3 .vuiLinkbaritem {
    display: table-cell;
    vertical-align: middle;
    color: #333333;
    font-size: 87.5%;
    line-height: 87.5%;
    text-transform: uppercase;
    border: solid 1px #D9D8D8;
    border-left: none;
    padding: 10px 12px;
    background-image: none;
    background-size: initial;
    background-repeat: no-repeat;
    text-decoration: none;
}
.vuiLinkbarStyle3 .vuiLinkbaritem:first-child { border-left: solid 1px #D9D8D8; } 
.vuiLinkbarStyle3 .vuiLinkbaritem:hover { text-decoration:none; }
.vuiLinkbarStyle3 .vuiLinkbaritem, .vuiLinkbarStyle3 .vuiLinkbaritem:first-child, .vuiLinkbarStyle3.vuiLinkbarInd .vuiLinkbaritemSelected + .vuiLinkbaritem {
		background: #ffffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2UzZTBkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top, #ffffff 5%, #e3e0d9 75%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(75%,#e3e0d9));
		background: -webkit-linear-gradient(top, #ffffff 5%,#e3e0d9 75%);
		background: -o-linear-gradient(top, #ffffff 5%,#e3e0d9 75%);
		background: -ms-linear-gradient(top, #ffffff 5%,#e3e0d9 75%);
		background: linear-gradient(to bottom, #ffffff 5%,#e3e0d9 75%);
}
.vuiLinkbarStyle3.vuiLinkbarInd .vuiLinkbaritemSelected, .vuiLinkbarStyle3.vuiLinkbarInd .vuiLinkbaritemSelected:hover {
		color: #333;
		background: #c2bcb1;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyYmNiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top, #c2bcb1 0%, #ffffff 95%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2bcb1), color-stop(95%,#ffffff));
		background: -webkit-linear-gradient(top, #c2bcb1 0%,#ffffff 95%);
		background: -o-linear-gradient(top, #c2bcb1 0%,#ffffff 95%);
		background: -ms-linear-gradient(top, #c2bcb1 0%,#ffffff 95%);
		background: linear-gradient(to bottom, #c2bcb1 0%,#ffffff 95%);
}

/*** IE8 and Less ***/
@media \0screen\,screen\9 
{
	.vuiLinkbarStyle3 .vuiLinkbaritem,
    .vuiLinkbarStyle3 .vuiLinkbaritem:first-child,
    .vuiLinkbarStyle3.vuiLinkbarInd .vuiLinkbaritemSelected + .vuiLinkbaritem {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e0d9',GradientType=0 )";
    }
	.vuiLinkbarStyle3.vuiLinkbarInd .vuiLinkbaritemSelected,
    .vuiLinkbarStyle3.vuiLinkbarInd .vuiLinkbaritemSelected:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2bcb1', endColorstr='#ffffff',GradientType=0 )";
    }
}
.verticalCenterAlignHelper { display: inline-table; height: 100%; vertical-align: middle; }
.loadingindicator { display: inline-block; width: 36px; height: 36px; background-image: url(./images/load_indicator.gif); }
.loadingindicatorContainer { cursor:wait; width: 100%; text-align: center; }
/* General Styles */
.vuiMsgBox { display: table; border-top: 2px solid #F0AB00; width: 100%; padding:8px 9px 6px 9px; background-color: #FAF2BB; margin-bottom: 18px; }

/* Error Styles */
.vuiMsgBoxError { border-color: #F00; color: #F00; }

/* Internal Styles */
.vuiMsgBoxInt { border-color: #BBCF9D; background-color: #D3E0C5; }

/* ICONS */
.vuiIcon { display: table-cell; width: 21px; padding-top: 1px; vertical-align: top; } 

.vuiIconError:before,
.vuiIconWarning:before,
.vuiIconIntSpeak:before,
.vuiIconOpenOrders:before { content: ""; display: block; height: 17px; width: 15px; background: url(./images/vui_link_modifiers_2015_0904.png) -816px -2px no-repeat scroll; }
.vuiIconError:before { background-position: -776px -2px; }
.vuiIconWarning:before { background-position: -756px -2px; }
.vuiIconIntSpeak:before { background-position: -796px -2px; }
/* default */

.vuiNavbox { margin-bottom: 18px; }
.vuiNavbox .vuiNavboxHead { color: #8D4900; cursor: pointer; background-color: #E0DBD0; display: table; width: 100%; padding: 3px 7px 3px 8px; }
.vuiNavbox .vuiNavboxHead:hover { color: #96151D; }
.vuiNavboxOpen .vuiNavboxHead { background-color: #EAE5DA; }
.vuiNavbox .vuiNavboxHead .vuiNavboxHeadIconContainer { display: table-cell; vertical-align: top; width: 12px; }

.vuiNavbox .vuiNavboxBody { display: none; }
.vuiNavbox .vuiNavboxBodyShown { display: block; }
.vuiNavbox .vuiNavboxBody .vuiNavboxBodyContent { border: 9px solid #EAE5DA; border-top-width: 0px; padding: 9px 9px 9px 11px; overflow: auto; }

/* default Arrow States */

.vuiNavbox .vuiNavboxHead .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { height: 15px; background: url(./images/vui_nav_icons_20150814.png) -8px -483px no-repeat scroll; }
.vuiNavbox .vuiNavboxHead:hover .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: -8px -513px; }
.vuiNavboxOpen > .vuiNavboxHead .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: -8px -542px; }
.vuiNavboxOpen > .vuiNavboxHead:hover .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: -8px -572px; }

/* vuiBackground Skin */
.vuiBackground .vuiNavbox .vuiNavboxBody { background-color: #EAE5DA; }

/* vuiNoBackground Skin */
.vuiNoBackground .vuiNavbox .vuiNavboxHead { background-color: transparent; }
.vuiNoBackground .vuiNavbox .vuiNavboxBodyContent { border-color: transparent; }

/* vuiNoBackgroundOnBody Skin */
.vuiNoBackgroundOnBody .vuiNavbox .vuiNavboxBodyContent { border-color: transparent; }

/* vuiFlipper Skin */
.vuiFlipper .vuiNavbox .vuiNavboxHead { min-height: 56px; padding-top: 15px; padding-bottom: 15px; }
@media \0screen\,screen\9 
{
	.vuiFlipper .vuiNavbox .vuiNavboxHead { min-height: 26px; /* ie8 min height content box instead of border box bug */ }
}
.vuiFlipper .vuiNavbox .vuiNavboxHead .vuiNavboxHeadContent .vuiNavboxLabelContent { font-size: 1.3em; }
.vuiFlipper .vuiNavbox .vuiNavboxHead .vuiNavboxHeadIconContainer { padding-top: 5px; width: 30px; }
.vuiFlipper .vuiNavbox .vuiNavboxHead .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: 6px -415px; }
.vuiFlipper .vuiNavbox .vuiNavboxHead:hover .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: 6px -445px; }
.vuiFlipper .vuiNavboxOpen > .vuiNavboxHead .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: 6px -400px; }
.vuiFlipper .vuiNavboxOpen > .vuiNavboxHead:hover .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: 6px -430px; }

/* Internal */
.vuiNavboxInternal .vuiNavboxHead { background-color: #D3E0C5; }
.vuiNavboxInternal .vuiNavboxBody .vuiNavboxBodyContent { border: 9px solid #D3E0C5; border-top-width: 0px; }
.vuiBackground .vuiNavboxInternal .vuiNavboxBody { background-color: #D3E0C5; }

/* vuiTableFlipper Skin */
.vuiTableFlipper .vuiNavbox { margin:0; }
.vuiTableFlipper .vuiNavbox .vuiNavboxHead { min-height: 40px; padding-top: 5px; padding-bottom: 9px; padding-left:0; background-color: #FFF; border-bottom:1px solid #D9D9D9; }
@media \0screen\,screen\9 
{
	.vuiTableFlipper .vuiNavbox .vuiNavboxHead { min-height: 25px; /* ie8 min height content box instead of border box bug */ }
}

.vuiTableFlipper .vuiNavbox .vuiNavboxHead .vuiNavboxHeadContent .vuiNavboxLabelContent { font-size: 1.3em; }
.vuiTableFlipper .vuiNavbox .vuiNavboxHead .vuiNavboxHeadIconContainer { padding-top: 5px; width: 26px; }
.vuiTableFlipper .vuiNavbox .vuiNavboxHead .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: 0px -415px; }
.vuiTableFlipper .vuiNavbox .vuiNavboxHead:hover .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: 0px -445px; }
.vuiTableFlipper .vuiNavbox .vuiNavboxHead .vuiNavboxHeadContent:hover .vuiNavboxLabelContent .vuiNavboxLabelAnchor { color:#96151D; }
.vuiTableFlipper .vuiNavbox .vuiNavboxHead .vuiNavboxLabelContent .vuiNavboxLabelAnchor { text-decoration:none; }
.vuiTableFlipper .vuiNavboxOpen .vuiNavboxHead { border:none; }
.vuiTableFlipper .vuiNavboxOpen { border-bottom:1px solid #D9D9D9; }
.vuiTableFlipper .vuiNavboxOpen > .vuiNavboxHead .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: 0px -400px; }
.vuiTableFlipper .vuiNavboxOpen > .vuiNavboxHead:hover .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: 0px -430px; }
.vuiTableFlipper .vuiNavbox .vuiNavboxBody .vuiNavboxBodyContent { border:none; padding: 0;}

/* vuiNavboxStyle2 skin */
.vuiNavboxStyle2 .vuiNavbox { margin: 0px; }
.vuiNavboxStyle2 .vuiNavbox .vuiNavboxHead { min-height: 36px; padding: 12px; background-color: #EAE5DA; margin: 5px 0px 0px 0px; }
@media \0screen\,screen\9{
	.vuiNavboxStyle2 .vuiNavbox .vuiNavboxHead { min-height: 25px; /* ie8 min height content box instead of border box bug */ }
}
.vuiNavboxStyle2 .vuiNavbox .vuiNavboxHead .vuiNavboxHeadIconContainer { float: right; width: 15px; }
.vuiNavboxStyle2 .vuiNavbox .vuiNavboxHead .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: 0px -1197px; }
.vuiNavboxStyle2 .vuiNavbox .vuiNavboxHead .vuiNavboxHeadContent { float: left; }

.vuiNavboxStyle2 .vuiNavbox .vuiNavboxHead:hover .vuiNavboxHeadContent .vuiNavboxLabelContent .vuiNavboxLabelAnchor {
	color: #96151D;
}
.vuiNavboxStyle2 .vuiNavbox .vuiNavboxHead .vuiNavboxLabelContent .vuiNavboxLabelAnchor { text-decoration:none; color:#955D23; }
.vuiNavboxStyle2 .vuiNavboxOpen > .vuiNavboxHead .vuiNavboxHeadIconContainer .vuiNavboxHeadIcon { background-position: 0px -1215px; }
.vuiNavboxStyle2 .vuiNavbox .vuiNavboxBody .vuiNavboxBodyContent { border:none; padding: 9px 12px 4px; }

/* vuiNavboxStyle2 internal skin */
.vuiNavboxStyle2 .vuiNavboxInternal .vuiNavboxHead {
	background-color: #D3E0C5;
}

/* vuiNavboxNoPadding skin*/
.vuiNavboxNoPadding .vuiNavbox .vuiNavboxBody .vuiNavboxBodyContent { border:none; padding: 0px; }

/* vuiNavboxStyle1 Skin */
.vuiNavboxStyle1 .vuiNavbox .vuiNavboxHead { min-height: 50px; background-color: #666; font-size: 1.75em; font-size: 1.75rem; padding: 0; }
.vuiNavboxStyle1 .vuiNavbox .vuiNavboxHeadIconContainer { display: none; }
.vuiNavboxStyle1 .vuiNavbox .vuiNavboxHeadContent { padding: 18px 0 0 22px; }
.vuiNavboxStyle1 .vuiNavbox .vuiNavboxLabelContent { position: relative; }
.vuiNavboxStyle1 .vuiNavbox .vuiNavboxLabelContent .vuiNavboxLabelAnchor { display: table-cell; vertical-align: bottom; color: #fff; text-decoration: none; padding-right: 50px; }
.vuiNavboxStyle1 .vuiNavbox .vuiNavboxLabelAnchor:after { height: 16px; width: 16px; background: url(./images/vui_nav_icons_20150814.png) 0px -1457px no-repeat scroll; content:""; position: absolute; right: 0; top: 0; padding: 0 17px 1px 0; }
.vuiNavboxStyle1 .vuiNavboxOpen > .vuiNavboxHead .vuiNavboxLabelAnchor:after { background-position: 0px -1434px; }
.vuiNavboxStyle1 .vuiNavbox .vuiNavboxBody { background-color: #efefef; border-bottom: 1px solid #cbcbcb; }
.vuiNavboxStyle1 .vuiNavbox .vuiNavboxBodyContent { border: none; }

@media( min-width: 1001px ), print
{
	:root .vuiNavbox .vuiNavboxHead .vuiNavboxLabelAnchor { vertical-align: middle\0;  }	
}

@media screen and ( min-width: 1001px ) and (-webkit-min-device-pixel-ratio:0),
        print and (-webkit-min-device-pixel-ratio:0)
{
	.vuiNavbox .vuiNavboxHead .vuiNavboxLabelAnchor { vertical-align: middle; } 
	.vuiNavbox .vuiNavboxHead { padding-top: 2px ; }
	.vuiFlipper .vuiNavbox .vuiNavboxHead .vuiNavboxLabelAnchor,
    .vuiTableFlipper .vuiNavbox .vuiNavboxHead .vuiNavboxLabelAnchor { vertical-align: baseline; }
}
.vuiNavboxLabelAnchor { text-decoration: none; }
.vuiNavboxHead:hover .vuiNavboxLabelAnchor { text-decoration: underline; }
.vuiPagetoolContainer { display:inline-block; display:table-cell; vertical-align:middle; text-align:right; }

.vuiPagetoolBanner { width:100%; display:table; }

.vuiPagetool {
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

.vuiPagetool:hover {
    text-decoration: underline;
    color: #fff;
}

.vuiPagetoolIcon { width:15px; height:15px; display:inline-block; margin:0 6px 0 12px; vertical-align: top; }
.vuiPagetoolVertical .vuiPagetool, .vuiPagetoolVertical.vuiPagetool,
.vuiPagetoolVertical { margin-bottom:12px; display: table; }
.vuiPagetoolVertical .vuiPagetoolIcon { margin:0 9px 0 0; }

.vuiPagetoolStyle1.vuiPagetool, 
.vuiPagetoolStyle1 .vuiPagetool { font-size: inherit; color: inherit; }

/****************
 * DEFAULT SKIN *
 ****************/

.vuiPagetoolPrint, .vuiPagetoolDownload, .vuiPagetoolEmail, 
.vuiPagetoolCalendar, .vuiPagetoolShare, .vuiPagetoolSubscribe, 
.vuiPagetoolCall, .vuiPagetoolSecureEmail, .vuiPagetoolChat, 
.vuiPagetoolShare, .vuiPagetoolHelp { background:url(./images/vui_page_tools_2014_12.png) no-repeat scroll; }

.vuiPagetoolPrint { background-position: -31px -1268px; }
.vuiPagetoolDownload { background-position: -31px -1248px; }
.vuiPagetoolEmail { background-position: -31px -1310px; }
.vuiPagetoolCalendar { background-position: -31px -990px; }
.vuiPagetoolShare { background-position: -31px -1288px; }
.vuiPagetoolSubscribe { background-position: -31px -1228px; }
.vuiPagetoolCall { background-position: -31px -1188px; }
.vuiPagetoolSecureEmail { background-position: -31px -933px; }
.vuiPagetoolChat { background-position: -31px -1030px; }
.vuiPagetoolHelp { background-position: -31px -1148px; }

/*************************
 * "PUTTY" SKIN - Style1 *
 *************************/
 
.vuiPagetoolStyle1 .vuiPagetoolPrint { background-position: 0px -600px; }
.vuiPagetoolStyle1 .vuiPagetoolDownload { background-position: 0px -519px; }
.vuiPagetoolStyle1 .vuiPagetoolSubscribe { background-position: -31px -1208px; }
.vuiPagetoolStyle1 .vuiPagetoolCall { background-position: -31px -1168px; }
.vuiPagetoolStyle1 .vuiPagetoolChat { background-position: -31px -1010px }
.vuiPagetoolStyle1 .vuiPagetoolCalendar { background-position: -31px -1328px; }
.vuiPagetoolStyle1 .vuiPagetoolSecureEmail { background-position: -31px -913px; }
.vuiPagetoolStyle1 .vuiPagetoolShare { background-position: 0px -620px; }
.vuiPagetoolStyle1 .vuiPagetoolEmail { background-position: 0px -535px; }
.vuiPagetoolStyle1 .vuiPagetoolHelp { background-position: -31px -1128px }

/****************************
 * "PUTTY" SKIN - WITH TEXT *
 ****************************/
 
.vuiPagetoolStyle2 .vuiPagetoolPrint { background-position: -25px 0px; width: 25px; height: 30px; } 
.vuiPagetoolStyle2 .vuiPagetoolDownload { background-position: -11px -60px; width: 52px; height: 30px; } 
.vuiPagetoolStyle2 .vuiPagetoolSubscribe { background-position: -11px -239px; width: 53px; height: 30px; } 
.vuiPagetoolStyle2 .vuiPagetoolCall { background-position: -19px -120px; width: 36px; height: 30px; } 
.vuiPagetoolStyle2 .vuiPagetoolChat { background-position: -25px -179px; width: 25px; height: 30px; } 
.vuiPagetoolStyle2 .vuiPagetoolCalendar { background-position: 0px -360px; width: 73px; height: 31px; } 
.vuiPagetoolStyle2 .vuiPagetoolSecureEmail { background-position: -3px -420px; width: 71px; height: 30px; } 
.vuiPagetoolStyle2 .vuiPagetoolShare { background-position: -23px -700px; width: 29px; height: 30px; } 
.vuiPagetoolStyle2 .vuiPagetoolEmail { background-position: -21px -644px; width: 32px; height: 30px; } 
.vuiPagetoolStyle2 .vuiPagetoolHelp { background-position: -15px -300px; width: 44px; height: 31px; }



/***************************************************************************************
 *									DEPRECATED                                         *
 ***************************************************************************************/
 .vuiPagetoolPhone2, 
.vuiPagetoolCalendar2, .vuiPagetoolEmail2 { background:url(./images/vui_page_tools_2014_12.png) no-repeat scroll; }
.vuiPagetoolPhone2 { background-position: -31px -1168px; }
.vuiPagetoolCalendar2 { background-position: -31px -1328px; }
.vuiPagetoolEmail2 { background-position: -31px -913px; }

.vuiPaginatorCountDisplay {
    margin-right: 9px;
}
.vuiPaginatorMenu { margin-right: 7px; }
.vuiPannable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.vuiOverflowScrollingSupported .vuiPannable { -webkit-overflow-scrolling: touch; }

/******* POINTER CONTAINER *******/

.vuiPointercontainer { position: relative; }
.vuiPointercontainerContent { overflow: auto; }
.vuiPointercontainerLeader { position: absolute; }
.vuiPointercontainerLeader { background-color: transparent; }

.vuiPointercontainerDefault .vuiPointercontainer,
.vuiPointercontainerSkin1 .vuiPointercontainer,
.vuiPointercontainerSkin2 .vuiPointercontainer { margin-top: 21px; }

.vuiPointercontainerDefault .vuiPointercontainerLeader,
.vuiPointercontainerSkin1 .vuiPointercontainerLeader,
.vuiPointercontainerSkin2 .vuiPointercontainerLeader { background: url(./images/infoBoxLdr_17_335.png) 0px 0px no-repeat scroll; }

.vuiPointercontainerDefault .vuiPointercontainerContent { padding: 9px; border: 1px solid #999; background-color: #fff; }
.vuiPointercontainerDefault .vuiPointercontainerLeader { width: 22px; height: 12px; }
.vuiPointercontainerDefault .vuiPointercontainerRight .vuiPointercontainerLeader,
.vuiPointercontainerDefault .vuiPointercontainerLeft .vuiPointercontainerLeader { width: 12px; height: 22px; }
.vuiPointercontainerDefault .vuiPointercontainerTop .vuiPointercontainerLeader    {    top: -11px; background-position:   0px -13px; }
.vuiPointercontainerDefault .vuiPointercontainerRight .vuiPointercontainerLeader  {  right: -11px; background-position: -42px   0px; }
.vuiPointercontainerDefault .vuiPointercontainerBottom .vuiPointercontainerLeader { bottom: -11px; background-position:   0px  -1px; }
.vuiPointercontainerDefault .vuiPointercontainerLeft .vuiPointercontainerLeader   {   left: -11px; background-position: -24px   0px; }

.vuiPointercontainerSkin1 .vuiPointercontainerContent { padding: 9px; border: 1px solid #D4CFC3; background-color: #fff; }
.vuiPointercontainerSkin1 .vuiPointercontainerTop .vuiPointercontainerContent    { border-width: 1px 0px 0px 0px; }
.vuiPointercontainerSkin1 .vuiPointercontainerRight .vuiPointercontainerContent  { border-width: 0px 1px 0px 0px; }
.vuiPointercontainerSkin1 .vuiPointercontainerBottom .vuiPointercontainerContent { border-width: 0px 0px 1px 0px; }
.vuiPointercontainerSkin1 .vuiPointercontainerLeft .vuiPointercontainerContent   { border-width: 0px 0px 0px 1px; }
.vuiPointercontainerSkin1 .vuiPointercontainerLeader { width: 133px; height: 21px; }
.vuiPointercontainerSkin1 .vuiPointercontainerRight .vuiPointercontainerLeader,
.vuiPointercontainerSkin1 .vuiPointercontainerLeft .vuiPointercontainerLeader { width: 21px; height: 133px; }
.vuiPointercontainerSkin1 .vuiPointercontainerTop .vuiPointercontainerLeader    {    top: -20px; background-position:   0px -44px; }
.vuiPointercontainerSkin1 .vuiPointercontainerRight .vuiPointercontainerLeader  {  right: -20px; background-position:   0px -70px; }
.vuiPointercontainerSkin1 .vuiPointercontainerBottom .vuiPointercontainerLeader { bottom: -20px; background-position:   0px -30px; }
.vuiPointercontainerSkin1 .vuiPointercontainerLeft .vuiPointercontainerLeader   {   left: -20px; background-position: -37px -70px; }

.vuiPointercontainerSkin2 .vuiPointercontainerContent { border: none; background-color: #EAE5DA; padding: 18px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.vuiPointercontainerSkin2 .vuiPointercontainerLeader { width: 22px; height: 13px; }
.vuiPointercontainerSkin2 .vuiPointercontainerRight .vuiPointercontainerLeader,
.vuiPointercontainerSkin2 .vuiPointercontainerLeft .vuiPointercontainerLeader { width: 13px; height: 22px; }
.vuiPointercontainerSkin2 .vuiPointercontainerTop .vuiPointercontainerLeader	{    top: -13px; background-position:  -59px -13px; }
.vuiPointercontainerSkin2 .vuiPointercontainerRight .vuiPointercontainerLeader	{  right: -13px; background-position: -108px   0px; }
.vuiPointercontainerSkin2 .vuiPointercontainerBottom .vuiPointercontainerLeader	{ bottom: -13px; background-position:  -60px   0px; }
.vuiPointercontainerSkin2 .vuiPointercontainerLeft .vuiPointercontainerLeader	{   left: -13px; background-position:  -90px   0px; }
.vuiRespImg img { max-width:100%; }
.vuiRespImg { display: inline-block; }
@-moz-document url-prefix() {
	.vuiRespImg { display: inline-table; width: 100%; table-layout: fixed; } 
}
:root .vuiRespImg { display: inline-table\0/IE9; width: 100%\0/IE9; table-layout: fixed\0/IE9; }
.vuiScrollToTop {
	height: 30px;
	width: 30px; 
	position: fixed;
	right: 20px;
	bottom: 50px; 
	cursor: pointer; 
	text-align: center;
	background-color: #666;
 	opacity: 0.85;
 	z-index: 860;
	-webkit-transition: opacity .35s ease-in-out, z-index 0s linear;
	-moz-transition: opacity .35s ease-in-out, z-index 0s linear;
	-ms-transition: opacity .35s ease-in-out, z-index 0s linear;
	-o-transition: opacity .35s ease-in-out, z-index 0s linear;
	transition: opacity .35s ease-in-out, z-index 0s linear;
}

.vuiScrollToTop:hover {
 	opacity: 1;
}

.vuiScrollToTop:after { 
	content: ""; 
	display: inline-block; 
	height: 16px; 
	width: 16px;
	margin-top: 7px; 
	background-image: url(./images/vui_nav_icons_20150814.png);
	background-position: 0px -1478px; 
}

.vuiScrollToTop.vuiScrollToTopHidden {
 	opacity: 0;
	cursor: default;
	pointer-events: none;
	z-index: 850;
	-webkit-transition-delay: 0s, .35s;
	-moz-transition-delay: 0s, .35s;
	-ms-transition-delay: 0s, .35s;
	-o-transition-delay: 0s, .35s;
	transition-delay: 0s, .35s;
}

@media \0screen\,screen\9
{
	.vuiScrollToTop { -ms-filter: "alpha(opacity=85)"; }
	.vuiScrollToTop:hover { -ms-filter: none; }
	.vuiScrollToTop.vuiScrollToTopHidden { display: none; } 
}
.vuiDataTable th.sortablecolumn:hover,
.vuiDataTable th.selected.sortablecolumn { cursor: pointer; background-color: #E0DBD0; }

.vuiDataTable th.sortablecolumn:after { content: ""; background: url(./images/vui_nav_icons_20150814.png) no-repeat; display: inline-block; font-size: 0%; padding: 4px 4px 0px 3px; margin: 0px 0px 0px 3px; width: 5px; height: 4px; }

.vuiDataTable th.sortDown.sortablecolumn:after { background-position: -24px -911px; }
.vuiDataTable th.sortDown:hover.sortablecolumn:after { background-position: -12px -911px; }

.vuiDataTable th.sortUp.sortablecolumn:after { background-position: -24px -904px; }
.vuiDataTable th.sortUp:hover.sortablecolumn:after { background-position: -12px -904px; }

.vuiDataTable th.selected.sortDown.sortablecolumn:after { background-position: 0px -911px; }
.vuiDataTable th.selected.sortUp.sortablecolumn:after { background-position: 0px -904px; }
/******* vuiStepContainer *******/
.vuiStepcontainer { list-style-type: none; padding: 18px 0px 18px 0px; width: 100%; }
.vuiStepcontainer.vuiStepcontainerHorizontal  { display: table; table-layout: fixed; }

/******* vuiStep Shared *******/
.vuiStepcontainer .vuiStep { background-color: #E0DBD0; }
.vuiStepcontainer .vuiStep:hover { cursor: pointer; }
.vuiStepcontainer .vuiStep:hover .vuiStepContent { text-decoration: underline; }
.vuiStepcontainer .vuiStepNumber { background: url(./images/procnav_2014_12.png) no-repeat; text-align: center; }

/*** vuiStep vuiStepcontainerHorizontal ***/
.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStep { display: table-cell; border-left: #FFF solid 2px; height: 36px; padding: 9px; }
.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStep:first-child { border-left-width: 0px; }
.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepNumber { height: 18px; width: 18px;  background-position: -25px 0px; font-weight: bold; display: block; margin: 0 auto; }
.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStep:hover .vuiStepNumber { background-position: 0px 0px; color: #FFF; }
.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepContent { display: none; padding-left: 6px; }

/*** vuiStep vuiStepcontainerVertical ***/
.vuiStepcontainer.vuiStepcontainerVertical .vuiStep { display: table; border-top: #FFF solid 2px; height: 27px; width: 100%; }
.vuiStepcontainer.vuiStepcontainerVertical .vuiStep:first-child { border-top-width: 0px; }
.vuiStepcontainer.vuiStepcontainerVertical .vuiStepNumber { width: 24px; background-position: 1000px 0px; /* hide background image */ display: table-cell; vertical-align: middle; }
.vuiStepcontainer.vuiStepcontainerVertical .vuiStepContent { display: table-cell; vertical-align: middle; }

/*** vuiStepActive ***/
.vuiStepcontainer .vuiStepActive { background-color: #96151D;  }
.vuiStepcontainer .vuiStepActive:hover { cursor: default; }
.vuiStepcontainer .vuiStepActive .vuiStepContent { color: #FFF; } 
.vuiStepcontainer .vuiStepActive:hover .vuiStepContent { text-decoration: none; }
.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepActive .vuiStepNumber { color: #96151D; }
.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepActive:hover .vuiStepNumber { background-position: -25px 0px; color: #96151D; }
.vuiStepcontainer.vuiStepcontainerVertical .vuiStepActive .vuiStepNumber { color: #FFF; } 

/*** vuiStepComplete ***/
.vuiStepcontainer .vuiStepComplete { background-color: #A8A093; }
.vuiStepcontainer .vuiStepComplete .vuiStepContent { color: #FFF; }
.vuiStepcontainer .vuiStepComplete .vuiStepNumber { color: transparent; }
.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepComplete .vuiStepNumber,
.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepComplete:hover .vuiStepNumber { background-position: -50px 0px; color: transparent; }
.vuiStepcontainer.vuiStepcontainerVertical .vuiStepComplete .vuiStepNumber { background: url(./images/procnav_2014_12.png) no-repeat; background-position: -115px 5px; color: transparent;  }

/*** vuiStepDisabled ***/
.vuiStepcontainer .vuiStepDisabled { color: #B3B3B3; }
.vuiStepcontainer .vuiStepDisabled:hover { cursor: default; }
.vuiStepcontainer .vuiStepDisabled .vuiStepNumber { background: none; }
.vuiStepcontainer .vuiStepDisabled:hover .vuiStepContent { text-decoration: none; }
.vuiStepcontainer .vuiStepDisabled:hover .vuiStepNumber { text-decoration: none; }
.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepDisabled:hover .vuiStepNumber { color: #B3B3B3; }

/*** vuiStepWarning ***/
.vuiStepcontainer .vuiStepWarning .vuiStepNumber { color: transparent; }
.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepWarning .vuiStepNumber { background-position: -75px 0px; }
.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepWarning:hover .vuiStepNumber { background-position: -75px 0px; color: transparent; }
.vuiStepcontainer.vuiStepcontainerVertical .vuiStepWarning .vuiStepNumber { background: url(./images/procnav_2014_12.png) no-repeat; background-position: -95px 5px; }

/* large */
@media screen and ( min-width: 1001px ), print
{
	.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepContent { display: table-cell; }	
	.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepNumber { margin: 0px; display: table-cell; }
}

/* ie8 and less */
@media \0screen\,screen\9 
{
	.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepContent { display: table-cell; }	
	.vuiStepcontainer.vuiStepcontainerHorizontal .vuiStepNumber { margin: 0px; display: table-cell; }
}

/******* vuiTableScroll *******/

.vuiScrollingTables { position: relative; width: 100%; display: table; table-layout: fixed; margin-bottom: 18px; }
.vuiScrollingTables > .vuiScrollingTableLeftSide,
.vuiScrollingTables > .vuiScrollingTableRightSide { width: 100%; display: table-cell; }
.vuiScrollingTables > .vuiScrollingTableLeftSide { position: absolute; top: 0px; left: 0px; }
.vuiPointerEventsSupported .vuiScrollingTables > .vuiScrollingTableLeftSide { pointer-events: none; }
.vuiScrollingTables .vuiScrollingTableLeft,
.vuiScrollingTables .vuiScrollingTableRight { width: 100%; margin-bottom: 0px; }

.vuiOverflowSupported .vuiScrollingTables > .vuiScrollingTableLeftSide { overflow: hidden; z-index: 1; }
.vuiOverflowSupported .vuiScrollingTables > .vuiScrollingTableRightSide { overflow: hidden; z-index: 0; }

.vuiOverflowSupported .vuiScrollingTables > .vuiScrollingTableRightSide > .vuiScrollingTableOverFlow {
    overflow-x: auto;
    overflow-y: hidden;
    margin: auto; /*margin auto fixes ie9 bug where space gets added on hover*/
}

/* right table */

.vuiScrollingTableRight > THEAD > TR > .vuiFixedCol,
.vuiScrollingTableRight > TBODY > TR > .vuiFixedCol,
.vuiScrollingTableRight > TFOOT > TR > .vuiFixedCol { visibility: hidden; }

.vuiPointerEventsSupported  .vuiScrollingTableRight > THEAD > TR > .vuiFixedCol,
.vuiPointerEventsSupported  .vuiScrollingTableRight > TBODY > TR > .vuiFixedCol,
.vuiPointerEventsSupported  .vuiScrollingTableRight > TFOOT > TR > .vuiFixedCol { pointer-events: none; }

/* left table */

.vuiScrollingTableLeft > THEAD > TR > TD,
.vuiScrollingTableLeft > THEAD > TR > TH,
.vuiScrollingTableLeft > TBODY > TR > TD,
.vuiScrollingTableLeft > TBODY > TR > TH,
.vuiScrollingTableLeft > TFOOT > TR > TD,
.vuiScrollingTableLeft > TFOOT > TR > TH { visibility: hidden; }
	
/* some browsers incorrectly show borders on visibility hidden elements */
.vuiScrollingTableLeft.vuiDataTable > THEAD > TR > TH { border-color: transparent; }
.vuiScrollingTableLeft.vuiDataTable > THEAD > TR > TH.vuiFixedCol { border-color: #FFF; }

.vuiScrollingTableLeft > THEAD > TR > .vuiFixedCol,
.vuiScrollingTableLeft > TBODY > TR > .vuiFixedCol,
.vuiScrollingTableLeft > TFOOT > TR > .vuiFixedCol { visibility: visible; }

.vuiPointerEventsSupported  .vuiScrollingTableLeft > THEAD > TR > .vuiFixedCol,
.vuiPointerEventsSupported  .vuiScrollingTableLeft > TBODY > TR > .vuiFixedCol,
.vuiPointerEventsSupported  .vuiScrollingTableLeft > TFOOT > TR > .vuiFixedCol { pointer-events: auto; }

.vuiScrollingTableLeft.vuiSimpleTable > THEAD > TR > .vuiFixedCol,
.vuiScrollingTableLeft > TBODY > TR > .vuiFixedCol,
.vuiScrollingTableLeft > TFOOT > TR > .vuiFixedCol { background-color: #FFF; } 

/******* vuiScrollIndicators *******/

.vuiOverflowNotSupported .vuiScrollIndicators { display: none; }

.vuiScrollingTableLeft > .vuiScrollIndicators > TR > TD { visibility: visible; padding: 0px; height: 0px; border-width: 0px; }

.vuiScrollIndicators > TR > TD > .vuiScrollIndLft,
.vuiScrollIndicators > TR > TD > .vuiScrollIndRgt { position: absolute; height: auto; bottom: 0px; top: 0px; width: 27px; display: none; }

.vuiScrollIndicators > TR.vuiScrollIndicatorLeftShown > TD > .vuiScrollIndLft,
.vuiScrollIndicators > TR.vuiScrollIndicatorRightShown > TD > .vuiScrollIndRgt { display : block; }

.vuiScrollIndicators > TR > TD > .vuiScrollIndRgt 
{ 
	right : 0px; 
	/* gradient is 0% to 78% because it needs to be 21px wide inside a 27px wide area */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(right,  rgba(153,153,153,0.25) 0%, rgba(255,255,255,0) 78%);
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(153,153,153,0.25)), color-stop(78%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(right,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-image: -o-linear-gradient(right,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-image: -ms-linear-gradient(right,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-image: linear-gradient(to left,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
@media \0screen\,screen\9 
{
	.vuiScrollIndicators > TR > TD > .vuiScrollIndRgt 
	{ 
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FFFFFF', endColorstr='#40999999',GradientType=1 )";
	}
}

.vuiScrollIndicators > TR > TD > .vuiScrollIndLft 
{
	/* gradient is 0% to 78% because it needs to be 21px wide inside a 27px wide area */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(left,  rgba(153,153,153,0.25) 0%, rgba(255,255,255,0) 78%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,153,153,0.25)), color-stop(78%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(left,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-image: -o-linear-gradient(left,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-image: -ms-linear-gradient(left,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-image: linear-gradient(to right,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
@media \0screen\,screen\9 
{
	.vuiScrollIndicators > TR > TD > .vuiScrollIndLft 
	{ 
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#40999999', endColorstr='#00FFFFFF',GradientType=1 )";
	}
}

/* arrows */

.vuiScrollIndicators > TR > TD .vuiScrollIndArr { display: table-cell; min-width: 27px; vertical-align: middle; text-align: center; background-color: rgb( 213, 207, 196 ); /* #d5cfc4 */ background-color: rgba( 213, 207, 196, 0.9 ); }
@media \0screen\,screen\9 
{
	.vuiScrollIndicators > TR > TD .vuiScrollIndArr { -ms-filter: "alpha(opacity=90)"; }
}
.vuiScrollIndicators > TR > TD .vuiScrollIndArr > .vuiScrollIndArrImg { display: inline-block; vertical-align: middle; height: 13px; width: 7px; background: url(./images/vui_nav_icons_20150814.png) 0px -1397px no-repeat scroll; }
.vuiScrollIndicators > TR > TD > .vuiScrollIndRgt > .vuiScrollIndArr > .vuiScrollIndArrImg { background-position: -12px -1397px; }

/* IE8 and above printing styles
   IE & FF not printing fixed columns. So, printing right table only */
@media print\0 {
    .vuiScrollingTables > .vuiScrollingTableLeftSide {
        display: none;
    }

    .vuiScrollingTableRight > THEAD > TR > .vuiFixedCol,
    .vuiScrollingTableRight > TBODY > TR > .vuiFixedCol,
    .vuiScrollingTableRight > TFOOT > TR > .vuiFixedCol {
        visibility: visible;
    }
}

/* FF hack printing styles */
@media print {
    @-moz-document url-prefix() {
        .vuiScrollingTables > .vuiScrollingTableLeftSide {
            display: none;
        }
        .vuiScrollingTableRight > THEAD > TR > .vuiFixedCol,
        .vuiScrollingTableRight > TBODY > TR > .vuiFixedCol,
        .vuiScrollingTableRight > TFOOT > TR > .vuiFixedCol {
            visibility: visible;
        }
    }
}
/*
	******* vuiTables *******
	
	THEAD contains table heads and column heads
	THEAD TD is a table head
	THEAD TH is a column head
	TBODY TH is a row head
	TBODY & TFOOT contain normal TDs
*/

/* generic - borders */

TD.vuiNoBotBorder,
TH.vuiNoBotBorder,
TR.vuiNoBotBorder > TD,
TR.vuiNoBotBorder > TH { border-bottom-width: 0px !important; }

/* shared input error styles */

.vuiDataTable > * > TR > TD.vuiInputError,
.vuiSummaryTable > * > TR > TD.vuiInputError { padding-left: 3px; }

/******* vuiDataTable *******/

.vuiDataTable { margin-bottom: 18px; }

/*** table heads ***/

.vuiDataTable > THEAD > TR > TD { padding: 0px 0px 18px; text-align: left; font-size: 1.3em; font-size: 1.3rem; line-height: 1.125em; line-height: 1.5rem; border-bottom-width: 0px; }

/*** sub heads ***/

.vuiDataTable > TBODY > .vuiSubheadRow > TD { border-top: 7px solid #FFF; border-bottom: 2px solid #FFF; background-color: #EAE5DA; padding: 3px 6px; }

/*** column heads ***/

.vuiDataTable > THEAD > TR > TH { border-left: 2px solid #FFF; border-bottom: 2px solid #FFF; padding: 9px 6px; vertical-align: bottom; background-color: #EAE5DA; font-weight: bold; font-size: 0.916em; font-size: 0.916rem; line-height: 1.18em; line-height: 1.08rem; height: 54px; /* acts like min height since not supported on th or td */ }
.vuiDataTable > THEAD > TR > TH:first-child { border-left-width: 0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.vuiDataTable > THEAD > TR > TH { height: 36px; /* safari hack for cell height since it incorrectly adds padding into height [ 54 - 18 vert padding ] */ } }
.vuiDataTable > THEAD > TR > TH.vuiTopRow { height: 24px; border-bottom: none; padding: 0 6px 6px 6px; }
.vuiDataTable > THEAD > TR > TH.vuiBotRow { height: 30px; }
.vuiDataTable > THEAD > TR > TH.vuiBotRow:first-child { border-left-width: 2px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.vuiDataTable > THEAD > TR > TH.vuiTopRow{ height: 18px; /* safari hack for cell height since it incorrectly adds padding into height [ 24 - 6 vert padding ] */ } }
@media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.vuiDataTable > THEAD > TR > TH.vuiBotRow{ height: 12px; /* safari hack for cell height since it incorrectly adds padding into height [ 30 - 18 vert padding ] */ } }

.vuiDataTable > THEAD > TR > TH.vuiColHead1 {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjhmOGY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f8f8f8 0%, #f8f8f8 0%, #e4e4e4 100%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(0%,#f8f8f8), color-stop(100%,#e4e4e4), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 0%,#e4e4e4 100%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 0%,#e4e4e4 100%,#e4e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 0%,#e4e4e4 100%,#e4e4e4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8f8f8 0%,#f8f8f8 0%,#e4e4e4 100%,#e4e4e4 100%); /* W3C */
}

@media \0screen\,screen\9
{
	.vuiDataTable > THEAD > TR > TH.vuiColHead1 {
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e4e4e4',GradientType=0 )";
	}
}

/*** data table filter row ***/
.vuiDataTable > THEAD > TR > TD.vuiFilterRow { vertical-align: middle; background-color: #EAE5DA; padding: 6px; height: 54px; border-bottom: 2px solid #FFF; font-size: 1em; font-size: 1rem;}


/*** data cells ***/

.vuiDataTable > TBODY > TR > TD,
.vuiDataTable > TFOOT > TR > TD { border-bottom: 1px solid #D9D9D9; padding: 6px; }

/*** total row ***/

.vuiDataTable > TBODY > .vuiTotalRow > TD,
.vuiDataTable > TFOOT > .vuiTotalRow > TD { border-bottom-width: 0px; font-weight: bold; }

/*** internal ***/

.vuiDataTable.vuiIntOnly { border: 3px solid #BBCF9D; }

/* internal table & column heads */

.vuiDataTable.vuiIntOnly > THEAD > TR > TD,
.vuiDataTable > THEAD > TR.vuiIntOnly > TD,
.vuiDataTable > THEAD > TR.vuiIntOnly > TH,
.vuiDataTable > THEAD > TR > TD.vuiIntOnly,
.vuiDataTable > THEAD > TR > TH.vuiIntOnly { background-color: #BBCF9D; }

/* internal rows & cells */

.vuiDataTable > TBODY > TR.vuiIntOnly > TD,
.vuiDataTable > TBODY > TR > TD.vuiIntOnly,
.vuiDataTable > TFOOT > TR.vuiIntOnly > TD,
.vuiDataTable > TFOOT > TR > TD.vuiIntOnly { background-color: #D3E0C5; }

/******* vuiContainerBarTable *******/

.vuiContainerBar { width: 100%; height: 54px; background-color: #EAE5DA; margin-bottom: 18px; padding: 0 6px; }
.vuiContainerBar > tr > td,
.vuiContainerBar > tbody > tr > td { vertical-align: middle; }

/******* vuiSimpleTable *******/

.vuiSimpleTable { margin-bottom: 18px; }

/*** table heads ***/

.vuiSimpleTable > THEAD > TR > TD { padding: 0px 0px 12px; font-size: 1.3em; font-size: 1.3rem; line-height: 1.125em; line-height: 1.5rem; }

/*** column heads ***/

.vuiSimpleTable > THEAD > TR > TH { padding: 6px; vertical-align: bottom; font-weight: bold; font-size: 0.916em; font-size: 0.916rem; line-height: 1.18em; line-height: 1.08rem; }

/*** data cells ***/

.vuiSimpleTable > TBODY > TR > TD,
.vuiSimpleTable > TFOOT > TR > TD { padding: 6px; border-bottom: 1px solid #CCC; }

/*** total row ***/

.vuiSimpleTable > TBODY > .vuiTotalRow > TD,
.vuiSimpleTable > TFOOT > .vuiTotalRow > TD { border-bottom-width: 0px; font-weight: bold; }

/*** internal ***/

.vuiSimpleTable.vuiIntOnly { border: 3px solid #BBCF9D; }

/* internal table & column heads */

.vuiSimpleTable.vuiIntOnly > THEAD > TR > TD,
.vuiSimpleTable > THEAD > TR.vuiIntOnly > TD,
.vuiSimpleTable > THEAD > TR > TD.vuiIntOnly { background-color: #BBCF9D; }

/* internal rows & cells */

.vuiSimpleTable > THEAD > TR.vuiIntOnly > TH,
.vuiSimpleTable > THEAD > TR > TH.vuiIntOnly,
.vuiSimpleTable > TBODY > TR.vuiIntOnly > TD,
.vuiSimpleTable > TBODY > TR > TD.vuiIntOnly,
.vuiSimpleTable > TFOOT > TR.vuiIntOnly > TD,
.vuiSimpleTable > TFOOT > TR > TD.vuiIntOnly { background-color: #D3E0C5; }

/******* vuiSummaryTable *******/

.vuiSummaryTable { margin-bottom: 18px; }

/*** table heads ***/

.vuiSummaryTable > THEAD > TR > TH { padding: 0px 0px 18px 0px; font-size: 1.3em; font-size: 1.3rem; line-height: 1.2em; line-height: 1.8rem; }

/*** sub heads ***/

.vuiSummaryTable > TBODY > TR.vuiSubheadRow > TD { padding: 0px 0px 12px 0px; color: #96151D; line-height: 1.2em; line-height: 1.8rem; }

/*** row heads ***/

.vuiSummaryTable > TBODY > TR > TH { padding: 6px 18px 6px 0px; font-weight: bold; font-size: 0.916em; font-size: 0.916rem; text-align: right; }

/*** content cells ***/

.vuiSummaryTable > TBODY > TR > TD,
.vuiSummaryTable > TFOOT > TR > TD { padding: 6px 0px 6px 0px; }

/*** internal ***/

.vuiSummaryTable.vuiIntOnly { border: 3px solid #BBCF9D; }

/* internal table */

.vuiSummaryTable > THEAD > TR.vuiIntOnly > TD,
.vuiSummaryTable > THEAD > TR.vuiIntOnly > TH,
.vuiSummaryTable > THEAD > TR > TD.vuiIntOnly,
.vuiSummaryTable > THEAD > TR > TH.vuiIntOnly { background-color: #BBCF9D; }

/* internal rows & cells */

.vuiSummaryTable > TBODY > TR.vuiIntOnly > TD,
.vuiSummaryTable > TBODY > TR.vuiIntOnly > TH,
.vuiSummaryTable > TBODY > TR > TD.vuiIntOnly,
.vuiSummaryTable > TBODY > TR > TH.vuiIntOnly,
.vuiSummaryTable > TFOOT > TR.vuiIntOnly > TD,
.vuiSummaryTable > TFOOT > TR > TD.vuiIntOnly { background-color: #D3E0C5; }

/******* vuiReadOnlyTable *******/

.vuiReadOnlyTable { margin-bottom: 18px; }

/*** table heads ***/

.vuiReadOnlyTable > THEAD > TR > TH { padding: 0px 0px 8px 0px; font-size: 1.3em; font-size: 1.3rem; border-bottom: 1px solid #D9D9D9; vertical-align:bottom; }
.vuiReadOnlyTable > THEAD > TR > TD.vuiHeaderRight { padding:0px 0px 8px 18px; border-bottom: 1px solid #D9D9D9; text-align:right; vertical-align: bottom; }

/*** sub heads ***/

.vuiReadOnlyTable > TBODY > TR.vuiSubheadRow > TD { padding: 9px 0px 6px 0px; color: #96151D; line-height: 1.2em; line-height: 1.8rem; }

/*** row heads ***/

.vuiReadOnlyTable > TBODY > TR > TH { padding: 9px 48px 9px 0px; font-weight: bold; font-size: 0.916em; font-size: 0.916rem; }

/*** content cells ***/

.vuiReadOnlyTable > TBODY > TR > TD,
.vuiReadOnlyTable > TFOOT > TR > TD { padding: 9px 0px 9px 0px; }

/*** internal ***/

.vuiReadOnlyTable.vuiIntOnly { border: 3px solid #BBCF9D; }

/* internal table heads */

.vuiReadOnlyTable > THEAD > TR.vuiIntOnly > TD,
.vuiReadOnlyTable > THEAD > TR.vuiIntOnly > TH,
.vuiReadOnlyTable > THEAD > TR > TD.vuiIntOnly,
.vuiReadOnlyTable > THEAD > TR > TH.vuiIntOnly  { background-color: #BBCF9D; }

/* internal rows & cells */

.vuiReadOnlyTable > TBODY > TR.vuiIntOnly > TD,
.vuiReadOnlyTable > TBODY > TR.vuiIntOnly > TH,
.vuiReadOnlyTable > TBODY > TR > TD.vuiIntOnly,
.vuiReadOnlyTable > TBODY > TR > TH.vuiIntOnly,
.vuiReadOnlyTable > TFOOT > TR.vuiIntOnly > TD,
.vuiReadOnlyTable > TFOOT > TR > TD.vuiIntOnly { background-color: #D3E0C5; }

/* vuiDataTable rollover class */

.vuiRollover { background-color: #EAE5DA; }

.vuiHoverHighlightRow > TBODY > TR:hover > TD,
.vuiHoverHighlightRow > TBODY > TR:hover > TH,
TABLE > TBODY > TR.vuiHoverHighlightRowActive > TD,
TABLE > TBODY > TR.vuiHoverHighlightRowActive > TH,
TABLE > TBODY > TR.vuiHoverHighlightRowActive > .vuiFixedCol {
    background-color: #eae5da;
}

.vuiHoverHighlightRow > TBODY > TR.vuiNoHoverHighlightRow:hover > TD,
.vuiHoverHighlightRow > TBODY > TR.vuiNoHoverHighlightRow:hover > TH,
TABLE > TBODY > TR.vuiNoHoverHighlightRow.vuiHoverHighlightRowActive > TD,
TABLE > TBODY > TR.vuiNoHoverHighlightRow.vuiHoverHighlightRowActive > TH {
    background-color: transparent;
}

.vuiHoverHighlightRow > TBODY > TR.vuiNoHoverHighlightRow:hover > .vuiFixedCol,
TABLE > TBODY > TR.vuiNoHoverHighlightRow.vuiHoverHighlightRowActive > .vuiFixedCol {
    background-color: #fff;
}

/* vuiSubheadFlipper */

.vuiSubheadFlipper:before { content: ""; display: inline-block; height: 9px; width: 9px; margin-right: 6px; background-image: url(./images/vui_nav_icons_20150814.png); background-position: -5px -294px; }
.vuiSubheadFlipper:hover:before { background-position: -22px -294px; }
.vuiToggled .vuiSubheadFlipper:before { background-position: -5px -310px; }
.vuiToggled .vuiSubheadFlipper:hover:before { background-position: -22px -310px; }
/* default */
.vuiTabsetDefault.vuiTabSet,
.vuiTabSetStyle2.vuiTabSet,
.vuiTabSetStyle3.vuiTabSet { padding: 0px 0px 18px; }

.vuiTabsetDefault .vuiTabContainer { border-bottom: 1px solid #999; padding: 0px 6px; }
.vuiTabsetDefault .vuiTabs { margin: 0px 0px -1px; }

.vuiTabsExtended { width: 100%; display: table; table-layout: fixed; }

.vuiTabsetDefault .vuiTab,
.vuileftsidetab .vuiTab { /*display: table-cell;*/ vertical-align: top; text-decoration: none; padding: 3px 12px 2px; font-size: 14px; border-bottom: 1px solid #999; /* cursor: pointer; */ }

.vuiTabSetStyle2 .vuiTab { text-decoration:none; font-size:14px; }

.vuidropdown .vuiTab,
.vuidropdown .vuiTab:hover { text-decoration:none; }

.vuiTabsetDefault .vuiTab:hover,
.vuiTabSetStyle2 .vuiTab:hover { text-decoration: underline; }

.vuiTabsetDefault .vuiTabContent,
.vuiTabSetStyle2 .vuiTabContent,
.vuiTabSetStyle3 .vuiTabContent { padding: 18px 0px 0px; }

.vuiOverflowSupported .vuiTabSetContent { overflow: auto; }

.vuiTab { display:table-cell; cursor: pointer; }

/* style 2 */

.vuiTabSetStyle2 .vuiTabContainer { border-bottom: 2px solid #96151D; padding: 0px; }
.vuiTabSetStyle2 .vuiTabs { margin: 0px; }
.vuiTabSetStyle2 .vuiTab,
.vuiTabSetStyle2 .vuiTab:hover { border-width: 0px; border-left: 2px solid #fff; padding: 8px 11px 7px; background-color: #EAE5DA; }
.vuiTabSetStyle2 .vuiTab:first-child { border-left-width: 0px; }

/* style 3 */

.vuiTabSetStyle3 .vuiTabContainer { border-bottom-width: 0px; padding: 0px; }
.vuiTabSetStyle3 .vuiTabs { margin: 0px; }
.vuiTabSetStyle3 .vuiTab,
.vuiTabSetStyle3 .vuiTab:hover {
    text-decoration: none;
	border: 1px solid #CFCABD; 
	border-left-color: #C2BDB1;
	border-right-color: #DFDBCF;
	font-size: 16px; 
	line-height: 18px;
	padding: 8px 9px 22px;
	color: #666; 
	text-shadow: 1px 1px 1px #FFF;
	background-color: #E9E5D9;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTVkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2NmYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top,  #E9E5D9 0%, #D3CFC3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E5D9), color-stop(100%,#D3CFC3));
	background-image: -webkit-linear-gradient(top,  #E9E5D9 0%,#D3CFC3 100%);
	background-image: -o-linear-gradient(top,  #E9E5D9 0%,#D3CFC3 100%);
	background-image: -ms-linear-gradient(top,  #E9E5D9 0%,#D3CFC3 100%);
	background-image: linear-gradient(to bottom,  #E9E5D9 0%,#D3CFC3 100%);
}

.vuiTabSetStyle3 .vuiTab:hover {
	text-decoration: none;
	background-color: #D1CCBF;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxY2NiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOGIyYTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top,  #D1CCBF 0%, #B8B2A4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D1CCBF), color-stop(100%,#B8B2A4));
	background-image: -webkit-linear-gradient(top,  #D1CCBF 0%,#B8B2A4 100%);
	background-image: -o-linear-gradient(top,  #D1CCBF 0%,#B8B2A4 100%);
	background-image: -ms-linear-gradient(top,  #D1CCBF 0%,#B8B2A4 100%);
	background-image: linear-gradient(to bottom,  #D1CCBF 0%,#B8B2A4 100%);
}

/********************** Internal *****************************/

.vuiTabs .vuiTabIntOnly,
.vuiTabs .vuiTabIntOnly:hover { background-color: #D3E0C5; }

/********************** Selected *****************************/

.vuiTabsetDefault .vuiTabSelected,
.vuiTabsetDefault .vuiTabSelected:hover,
.vuiTabSetStyle3 .vuiTabSelected,
.vuiTabSetStyle3 .vuiTabSelected:hover {
    padding: 2px 11px;
    border: 1px solid #999;
    border-bottom-color: #fff;
    color: #333;
    cursor: default;
    text-decoration: none;
}

.vuiTabSetStyle2 .vuiTabSelected,
.vuiTabSetStyle2 .vuiTabSelected:hover { color: #FFF; background-color: #96151D; }

.vuiTabSetStyle3 .vuiTabSelected,
.vuiTabSetStyle3 .vuiTabSelected:hover { 
	border-color: #333;
	color: #FFF; 
	text-shadow: 1px 1px 1px #333;
	background-color: #999;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTY1NjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top,  #999 0%, #666 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#666));
	background-image: -webkit-linear-gradient(top,  #999 0%,#666 100%);
	background-image: -o-linear-gradient(top,  #999 0%,#666 100%);
	background-image: -ms-linear-gradient(top,  #999 0%,#666 100%);
	background-image: linear-gradient(to bottom,  #999 0%,#666 100%);
	-webkit-box-shadow: inset 0px 1px 25px 5px #555;
	-mox-box-shadow: inset 0px 1px 25px 5px #555;
    box-shadow: inset 0px 1px 25px 5px #555;
}

.vuiTabsetDefault .vuileftsidetab .vuiTabSelected ,
.vuiTabsetDefault .vuileftsidetab .vuiTabSelected:hover {
    padding: 12px 15px 12px 6px;
    display: inline-block;
    width: 100%;
    border: none;
    border-top: 1px solid #999;
}


/********************** Selected Internal *****************************/

.vuiTabs .vuiTabIntOnly.vuiTabSelected,
.vuiTabs .vuiTabIntOnly.vuiTabSelected:hover { background-color: #BBCF9D; border-bottom-color: #BBCF9D; }
.vuiTabs .vuiTabIntOnly.vuiTabSelected .vuiIcon { background-color: #BBCF9D; }

.vuiTabSetStyle2 .vuiTabs .vuiTabIntOnly.vuiTabSelected,
.vuiTabSetStyle2 .vuiTabs .vuiTabIntOnly.vuiTabSelected { color: #333; }

/********************** Disabled *****************************/

.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs .vuiTabDisabled.vuiTab,
.vuiTabDisabled,.vuiTabDisabled:hover,.vuiTabDisabled.vuiTab:hover { color: #B3B3B3; cursor: default; text-decoration: none; }

.vuiTabSetStyle3 .vuiTabDisabled:hover { 
	background-color: #E9E5D9;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTVkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2NmYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top,  #E9E5D9 0%, #D3CFC3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E5D9), color-stop(100%,#D3CFC3));
	background-image: -webkit-linear-gradient(top,  #E9E5D9 0%,#D3CFC3 100%);
	background-image: -o-linear-gradient(top,  #E9E5D9 0%,#D3CFC3 100%);
	background-image: -ms-linear-gradient(top,  #E9E5D9 0%,#D3CFC3 100%);
	background-image: linear-gradient(to bottom,  #E9E5D9 0%,#D3CFC3 100%);
}

/********************** Disabled Internal *****************************/

.vuiTabDisabled.vuiTabIntOnly,
.vuiTabDisabled.vuiTabIntOnly:hover { background-color: #D3E0C5; }

/********************** Show As Dropdown *****************************/

.vuiTabSet .vuiTabSetShowAsDropdown,
.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs,
.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs .vuiTab { display: block; width: 100% !important; }
.vuiTabSet .vuiTabSetShowAsDropdown { padding: 0px; position: relative; border-width: 0px; }

.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabelContainer {
    display: inline-block;
}
.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs {
    position: absolute;
	border-top:1px solid #CCCCCC;
    background-color: #fff;
    z-index: 500;
}
.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabel { 
	cursor: pointer; 
	padding: 9px; 
	border: 1px solid #e9e9e9;
	border-bottom-width: 0px;
	background-color: #d9d9d9; 
	background-image: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 8%, #d1d1d1 98%);
	background-image: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 8%,#d1d1d1 98%);
	background-image: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 8%,#d1d1d1 98%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(8%,#f7f7f7), color-stop(98%,#d1d1d1));
	background-image: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 8%,#d1d1d1 98%);
	background-image: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 8%,#d1d1d1 98%);
}
.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabel .vuiIconContainer { display: none; }

.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabel:after {
    content: "";
    display: inline-block;
    margin-left: 9px;
    width: 0px;
    height: 1px;
    border: 7px solid transparent;
    border-bottom: none;
    border-top-color: #96151d;
}
.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabel,
.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs .vuiTab { font-size: 1.14em; font-size: 1.14rem; color: #333; }
.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs .vuiTab { border: 1px solid #d9d9d9; border-top-width: 0px; background-color: #fff; padding: 11px 9px; }
.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs .vuiTabSelected { background-color: #96151d; color: #fff; }

.vuiTabSetStyle3 .vuiTabSetShowAsDropdown .vuiTabs .vuiTab,
.vuiTabSetStyle3 .vuiTabSetShowAsDropdown .vuiTabs .vuiTab:hover,
.vuiTabSetStyle3 .vuiTabSetShowAsDropdown .vuiTabs .vuiTabSelected { background-image: none; -webkit-box-shadow: none; -mox-box-shadow: none; box-shadow: none; text-shadow: none; }


/*** Tabset Show as Dropdown - vuiTabsetDropdownStyle1  ***/

.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown { padding: 0px; position: relative; border-width: 0px; }

.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown,
.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs,
.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs .vuiTab { display: block; width: 100% !important; }

.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs {
    position : absolute;
    background-color: #F4F2EC;
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
}

.vuiTabsetDropdownStyle1 .vuiContainers,
.vuiTabsetDropdownStyle1 .vuiContainers .vuiTabs {
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.25);
    box-shadow: 2px 2px 2px rgba(0,0,0,.25);
}

.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs .vuiTab {
    border-top:1px solid #D3D3D3;
    border-left:none;
    border-right:none;
    border-bottom:none;
    font-size: 16px;
    color: #333;
    background-color: #F4F2EC;
    padding: 5px 18px;
 }

.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs .vuiTab:hover { background-color:#EAE5DA; color:#96151d; }

.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabel {
    height:36px;
    cursor: pointer;
    padding: 5px 9px;
    margin:0px;
    border: 1px solid #999999;
    background-color: #E3E0D9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UwZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #E3E0D9 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%,#E3E0D9 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%,#E3E0D9 100%);
    background-image: -webkit-linear-gradient(top, #ffffff 0%,#E3E0D9 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%,#E3E0D9 100%);
}

.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabsetDropdownOpened { background-color:#EAE5DA; background-image:none; }

.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabel .vuiIconContainer { border-left:1px solid #CCC; display: inline-block; float:right; height:100%;  }

.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabel .vuiIconContainer .vuiIcon {
    display: inline-block;
    margin: 9px 6px 9px 15px;
    width: 9px;
    height: 15px;
    border: none;
    background: url(./images/vui_nav_icons_20150814.png) -16px -773px no-repeat scroll;
}

.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabel:after {
    display: none;
}
.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs .vuiTabSelected { background-color: #96151d; color: #fff; }
.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabs .vuiTabSelected:hover { background-color: #96151d; color: #fff; }

/********************** Tabset Type SideTab *****************************/

.vuiTabSpan { display: table-cell; }

.vuileftsidetab {display: table; width: 100%; background-color: #EAE5DA; padding: 18px 14px 18px 18px; }
.vuileftsidetab .vuiContainers { display: table-cell; width: 50%; vertical-align: top; }

.vuileftsidetab .vuiTabContainer,
.vuileftsidetab .vuiTabSetContent { height: 100%; border: none; }

.vuileftsidetab .vuiTabContainer { padding: 0; }
.vuileftsidetab .vuiTabSetContent { display: table-cell; background-color: #FFF; padding: 18px; border-left: 1px solid #999; }
.vuileftsidetab .vuiTabSetContent .vuiTabContent { padding: 0px; }

.vuileftsidetab .vuiTopFacetContainer { padding-right: 21px; }
.vuileftsidetab .vuiBottomFacetContainer { padding: 18px 21px 0 6px; }

.vuileftsidetab .vuiTabs { width: 100%; border-bottom: 1px solid #999; }
.vuileftsidetab .vuiTabSpan { display: list-item; list-style-type: none; }
.vuileftsidetab .vuiTab { display: inline-block; width: 100%; border: none; border-top: 1px solid #999; padding: 12px 15px 12px 6px; }

.vuileftsidetab .vuiTabSelected, 
.vuileftsidetab .vuiTabSelected:hover { background-color: #FFF; border-right: none; }

.vuileftsidetab .vuiTabSelected { position: relative; }
.vuileftsidetab .vuiTabLabel { padding-right: 21px; }
.vuileftsidetab .vuiTabSelected .vuiIcon { width: 15px; height: 100%; background: #FFF url(./images/vui_link_modifiers_2015_0904.png) no-repeat scroll -1402px center; position: absolute; top: 0; right: -1px; }

/********************** vuiSideTabStyle1 *****************************/

.vuiSideTabStyle1 { padding: 0px; }
.vuiSideTabStyle1 .vuileftsidetab .vuiTabSelected .vuiIcon { display: none; }

.vuiSideTabStyle1 .vuileftsidetab { background-color: transparent; padding: 30px 0px 21px 21px; }
.vuiSideTabStyle1 .vuiTabSetContent { border-left: 1px solid #D3CFC3; padding-left: 21px; }
.vuiSideTabStyle1 .vuileftsidetab .vuiTopFacetContainer,
.vuiSideTabStyle1 .vuileftsidetab .vuiBottomFacetContainer,

.vuiSideTabStyle1 .vuileftsidetab .vuiTab,
.vuiSideTabStyle1 .vuileftsidetab .vuiTabs { border: none; }
.vuiSideTabStyle1 .vuileftsidetab .vuiTabIntOnly.vuiTabSelected,
.vuiSideTabStyle1 .vuileftsidetab .vuiTabIntOnly.vuiTabSelected:hover { background-color: #BBCF9D; border-right-color: #BBCF9D; border-bottom-color: #BBCF9D; }
.vuiSideTabStyle1 .vuileftsidetab .vuiTabIntOnly.vuiTabSelected:after,
.vuiSideTabStyle1 .vuileftsidetab .vuiTabIntOnly.vuiTabSelected:hover:after { border-left-color: #BBCF9D; }
.vuiSideTabStyle1 .vuileftsidetab .vuiTab { border-bottom: 1px solid #D3CFC3; padding-right: 22px; }
.vuiSideTabStyle1 .vuiTab:hover { text-decoration: none; }
.vuiSideTabStyle1 .vuileftsidetab .vuiTabSelected { background-color: #E3DFD5; border-right: 1px solid #E3DFD5; padding-right: 21px; }
.vuiSideTabStyle1 .vuileftsidetab .vuiTabSelected:after { position: absolute; content: ""; height: 0; width: 0; border: 23px solid transparent; border-left-color: #E3DFD5; right: -47px; top: -1px; }

.vuiSideTabStyle1 .vuidropdown .vuiTabSetDropdownLabel { background-image: none; background-color: #FFF; border-bottom-width: 1px; padding-right: 35px; }
.vuiSideTabStyle1 .vuidropdown .vuiContainers{ border: none; }
.vuiSideTabStyle1 .vuidropdown .vuiTopFacetContainer,
.vuiSideTabStyle1 .vuidropdown .vuiBottomFacetContainer { margin-right: 35px; }

.vuiSideTabStyle1 .vuidropdown .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabel,
.vuiSideTabStyle1 .vuidropdown .vuiTabSetShowAsDropdown .vuiTabs .vuiTab { color: #96151D; padding-right: 35px; }
.vuiSideTabStyle1 .vuidropdown .vuiTabSetShowAsDropdown .vuiTabs .vuiTabDisabled { color: #B3B3B3; }
.vuiSideTabStyle1 .vuidropdown .vuiTabSetShowAsDropdown .vuiTabs .vuiTabSelected { color: #333; background-color: #E3DFD5; }

.vuiSideTabStyle1 .vuidropdown .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabel:after { display: none; }
.vuiSideTabStyle1 .vuidropdown .vuiTabSetDropdownLabel .vuiIconContainer { position: absolute; right: 0px; top: 3px; width: 32px; height: 37px; background-color: #E3DFD5; display: block; }
.vuiSideTabStyle1 .vuidropdown .vuiTabSetDropdownLabel .vuiIconContainer .vuiIcon { margin: 16px 0 0 9px; content: ""; border: 7px solid transparent; border-bottom: none; border-top-color: #96151D; height: 0; width: 0; display: inline-block; }

.vuiSideTabStyle1 .vuiTabContent { padding : 0; }
.vuiSideTabStyle1 .vuiTabSetShowAsDropdown { padding-bottom: 18px; }
.vuiSideTabStyle1 .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabelContainer { width:100%; }

/*********************************************************************/

/*** 
	ie8orLess code 
***/

/* filters for ie8 and less to have gradients since they don't support css3 gradients */

@media \0screen\,screen\9 
{
	.vuiTabSetStyle3 .vuiTab { 
		position: relative; /* pos rel needed for ms filter to allow border to show */ 
		height: 100%; 
		color: #666; 
		background: #E9E5D9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorstr='#E9E5D9',endColorstr='#D3CFC3')"; 
	}
	
	.vuiTabSetStyle3 .vuiTab:hover { 
		background: #D1CCBF;
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorstr='#D1CCBF',endColorstr='#B8B2A4')"; 
	}
	
	.vuiTabSetStyle3 .vuiTabDisabled,
	.vuiTabSetStyle3 .vuiTabDisabled:hover { 
		color: #B3B3B3; 
		background: #E9E5D9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorstr='#E9E5D9',endColorstr='#D3CFC3')"; 
	}
	
	.vuiTabSetStyle3 .vuiTabSelected,
	.vuiTabSetStyle3 .vuiTabSelected:hover { 
		color: #FFF; 
		background: #999;
		border-color: #666;
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorstr='#999999',endColorstr='#666666')";
	}
	
	.vuiTabSetStyle3 .vuiTabSetShowAsDropdown .vuiTabs .vuiTab,
	.vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabsetDropdownOpened { 
	 	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(enabled=false)";
	 }

    .vuiTabsetDropdownStyle1.vuiTabSet .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabel {
       -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff',endColorstr='#E3E0D9')";
    }

    .vuiTabSet .vuiTabSetShowAsDropdown .vuiTabSetDropdownLabelContainer {
        display: inline;
    }
    
}

/********************************************************************************/

/* Chrome and Safari browser bug cause the window to not resize properly when closing the dropdown menu. More noticeable on large dropdowns. */
.vuiDropdownUsed:before {
	content: '';
	display: block;
}

/* small & medium - remove left vertical border */
@media (max-width: 1000px)
{
    .vuiSideTabStyle1 .vuiTabSetContent { border-left: none; padding-left: 0px !important;}
}

.vuiTabsetWithHorizontalFacets .vuiContainers { display: table; width: 100%; }
.vuiTabsetWithHorizontalFacets .vuiTabContainer,
.vuiTabsetWithHorizontalFacets .vuiLeftFacetContainer,
.vuiTabsetWithHorizontalFacets .vuiRightFacetContainer { display: table-cell; }
.vuiTextresizer { display:inline-block; }
.vuiTextresizer .vuiLinkbar .vuiLinkbaritem { background-image:none; text-decoration:underline; }

.vuiTextresizer .vuiLinkbar.vuiLinkbarInd .vuiLinkbaritemSelected { text-decoration:none;}
.vuiWindowshade { outline: none; }
.vuiWindowshadeBody { position: relative; }
.vuiWindowshadeBody.vuiWindowshadeThreeContent { border-left: 1px solid #999; border-right: 1px solid #999; }
.vuiWindowshadeFloat { position: relative; height: 33px;}
.vuiWindowshadeFloat .vuiWindowshade, 
.vuiWindowshadeFloat .vuiWindowshadeBody { z-index: 160;  background-color: #fff; }
.vuiWindowshadeTwoHeadText { display: inline; background-color: #fff; }

.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandDown,
.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandUp { position: relative; height: 24px; background-color: #fff; }
.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandDown { border-top: 1px solid #999; }
.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandUp { border-bottom: 1px solid #999; }

.vuiWindowshadeTwoLink.vuiWindowshadeExpandDown,
.vuiWindowshadeTwoLink.vuiWindowshadeExpandUp { background-color: #fff; position: relative; height: 24px; padding: 4px 12px 0px; border: 1px solid #999; }
.vuiWindowshadeTwoLink.vuiWindowshadeExpandDown { top: -1px; border-top: 0px; }
.vuiWindowshadeTwoLink.vuiWindowshadeExpandUp { top: 0px; border-bottom: 0px; }

.vuiWindowshadeTwoPaddingLeft { padding-left: 6px; }
.vuiWindowshadeTwoPaddingRight { padding-right: 6px; }

/* Drop shadow styles */

.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandDown.vuiWindowshadeDropShadow {
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0));
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0));
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0));
background-image: -o-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0));
background-image: linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0));
}

.vuiWindowshadeTwoLink.vuiWindowshadeExpandDown.vuiWindowshadeDropShadow {
-moz-box-shadow:0px 8px 20px rgba(192,192,192,0.2);
-webkit-box-shadow:0px 8px 20px rgba(192,192,192,0.2);
box-shadow:0px 8px 20px rgba(192,192,192,0.2);
}

@media \0screen\,screen\9
{
	.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandUp.vuiWindowshadeDropShadow {
		-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorstr=#00000000,endColorstr=#33000000)";
	}
	.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandDown.vuiWindowshadeDropShadow {
		-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorstr=#33000000,endColorstr=#00000000)";
	}
}

.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandUp.vuiWindowshadeDropShadow {
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.2), rgba(0,0,0,0));
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.2), rgba(0,0,0,0));
background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.2), rgba(0,0,0,0));
background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.2), rgba(0,0,0,0));
background-image: linear-gradient(bottom, rgba(0,0,0,0.2), rgba(0,0,0,0));
}

.vuiWindowshadeTwoLink.vuiWindowshadeExpandUp.vuiWindowshadeDropShadow {
-moz-box-shadow:0px 8px 20px rgba(192,192,192,0.2);
-webkit-box-shadow:0px 8px 20px rgba(192,192,192,0.2);
box-shadow:0px 8px 20px rgba(192,192,192,0.2);
}
.vuiWindowshadeTrigger { cursor: pointer; display: inline-block; text-align: center; }
.vuiWindowshadeTrigger:after { content: ""; display: inline-block; height: 9px; width: 15px; margin-left: 3px; background: url(./images/vui_link_modifiers_2015_0904.png) -209px -5px no-repeat scroll; }
.vuiWindowshadeTwoLink.vuiWindowshadeTrigger:after { content: ""; display: inline-block; height: 9px; width: 15px; margin-left: 3px; background: url(./images/vui_nav_icons_20150814.png) no-repeat scroll; }

/* Default styles for the arrow image. Changes depending on expand direction. */
/* Down arrow */
.vuiWindowshadeClosed > .vuiWindowshadeExpandDown .vuiWindowshadeTrigger:after,
.vuiWindowshadeOpened > .vuiWindowshadeExpandUp .vuiWindowshadeTrigger:after { background-position: -209px -5px }

.vuiWindowshadeClosed > .vuiWindowshadeExpandDown .vuiWindowShadeTriggerHover:after,
.vuiWindowshadeOpened > .vuiWindowshadeExpandUp .vuiWindowShadeTriggerHover:after { background-position: -228px -5px; }

/* Up Arrow */
.vuiWindowshadeOpened > .vuiWindowshadeExpandDown .vuiWindowshadeTrigger:after,
.vuiWindowshadeClosed > .vuiWindowshadeExpandUp .vuiWindowshadeTrigger:after { background-position: -447px -5px; }

.vuiWindowshadeOpened > .vuiWindowshadeExpandDown .vuiWindowShadeTriggerHover:after,
.vuiWindowshadeClosed > .vuiWindowshadeExpandUp .vuiWindowShadeTriggerHover:after { background-position: -467px -5px; }


/* Windowshade 2 styles for the arrow image. Changes depending on expand direction. */
/* Down arrow */
.vuiWindowshadeClosed > .vuiWindowshadeExpandDown .vuiWindowshadeTwoLink.vuiWindowshadeTrigger:after,
.vuiWindowshadeOpened > .vuiWindowshadeExpandUp .vuiWindowshadeTwoLink.vuiWindowshadeTrigger:after { background-position: 1px -312px }

.vuiWindowshadeClosed > .vuiWindowshadeExpandDown .vuiWindowshadeTwoLink.vuiWindowShadeTriggerHover:after,
.vuiWindowshadeOpened > .vuiWindowshadeExpandUp .vuiWindowshadeTwoLink.vuiWindowShadeTriggerHover:after { background-position: -16px -312px; }

/* Up Arrow */
.vuiWindowshadeOpened > .vuiWindowshadeExpandDown .vuiWindowshadeTwoLink.vuiWindowshadeTrigger:after,
.vuiWindowshadeClosed > .vuiWindowshadeExpandUp .vuiWindowshadeTwoLink.vuiWindowshadeTrigger:after { background-position: 1px -468px; }

.vuiWindowshadeOpened > .vuiWindowshadeExpandDown .vuiWindowshadeTwoLink.vuiWindowShadeTriggerHover:after,
.vuiWindowshadeClosed > .vuiWindowshadeExpandUp .vuiWindowshadeTwoLink.vuiWindowShadeTriggerHover:after { background-position: -16px -468px; }


.vuiWindowShadeTriggerHover .vuiWindowshadeLabel { text-decoration: underline; }
.vuiWindowshadeLabel { display: inline-block; }
/**************************************/
/******* SIMPLE INPUT STYLES *******/
/**************************************/

.vuiSimpleInput.vuiInputContainer, .vuiSimpleInput .vuiInputContainer {
    margin-bottom: 16px;
    border-bottom: 1px solid #cccccc;
}

.vuiSimpleInput.vuiInputContainer input, .vuiSimpleInput .vuiInputContainer input {
    border: none;
    padding: 16px 2px 1px;
    width: auto;
    height: 40px;
    outline: none;
    display: inline-block;
}

.vuiSimpleInput.vuiInputContainer label, .vuiSimpleInput .vuiInputContainer label {
    display: block;
    color: #999999;
    padding-top: 8px;

}

.vuiSimpleInput.vuiInputContainer.vui-input-focused input, .vuiSimpleInput .vuiInputContainer.vui-input-focused input {
    border-bottom: 1px solid #0098db;
}

.vuiSimpleInput.vuiInputContainer.vui-input-focused label, .vuiSimpleInput .vuiInputContainer.vui-input-focused label {
    color: #0098db;
}

.vuiSimpleInput.vuiInputContainer.vui-input-invalid input, .vuiSimpleInput .vuiInputContainer.vui-input-invalid input {
    border-bottom: 1px solid #DA0000;
    background-color: #FAF2BB;
}

.vuiSimpleInput.vuiInputContainer.vui-input-invalid label, .vuiSimpleInput .vuiInputContainer.vui-input-invalid label {
    color: #DA0000;
    background-color: #FAF2BB;
    font-weight: bold;
}

/**************************************/
/***********BOXED INPUT STYLES*********/
/**************************************/

.vuiBoxedInput.vuiInputContainer, .vuiBoxedInput .vuiInputContainer {
    position: relative;
    border: 1px solid #cccccc;
    margin: 2px 2px 8px;
}

.vuiBoxedInput.vuiInputContainer.vui-input-focused, .vuiBoxedInput .vuiInputContainer.vui-input-focused {
    border: 1px solid #0098db;
}

.vuiBoxedInput.vuiInputContainer.vui-input-invalid, .vuiBoxedInput .vuiInputContainer.vui-input-invalid {
    border: 1px solid #DA0000;
    background-color: #FAF2BB;
}

.vuiBoxedInput.vuiInputContainer input, .vuiBoxedInput .vuiInputContainer input {
    border: none;
    padding: 16px 5px 0px;
    width: auto;
    height: 40px;
    outline: none;
    display: inline-block;
}

.vuiBoxedInput.vuiInputContainer label, .vuiBoxedInput .vuiInputContainer label {
    display: block;
    color: #999999;
    padding-top: 8px;
    padding-left: 5px;
}

.vuiBoxedInput.vuiInputContainer.vui-input-focused label, .vuiBoxedInput .vuiInputContainer.vui-input-focused label {
    color: #0098db;
}

.vuiBoxedInput.vuiInputContainer.vui-input-invalid label, .vuiBoxedInput .vuiInputContainer.vui-input-invalid label {
    color: #DA0000;
    font-weight: bold;
}

.vuiBoxedInput.vuiInputContainer.vui-input-invalid input, .vuiBoxedInput .vuiInputContainer.vui-input-invalid input {
    background-color: #FAF2BB;
}

/*****************************************/
/***********CURRENCY INPUT STYLES*********/
/*****************************************/

.vuiBoxedInput input.vuiCurrencyInput {
    padding-left: 8px;
}

.vuiBoxedInput span.vuiCurrencyInputSymbol {
    display: inline-block;
    position: relative;
    left: 5px;
    font-size: 16px;
}

.vuiSimpleInput input.vuiCurrencyInput {
    padding-left: 3px;
}

.vuiSimpleInput span.vuiCurrencyInputSymbol {
    display: inline-block;
    position: relative;
    top: 1px;
    padding: 0;
    font-size: 16px;
}

/*************************************/
/***********DATE INPUT STYLES*********/
/*************************************/

.vuiSimpleInput .vuiDateInput input, .vuiBoxedInput .vuiDateInput input {
    display: inline-block;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.vuiInputContainer.vui-input-invalid .vuiDateInput {
    background-color: #FAF2BB;
}

.vuiDateDivider {
    font-size: 16px;
}

.vuiDateFormat {
    font-weight: normal;
    padding-left: 5px;
}

/****************************************************************************/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.vuiInputContainer {
    position: relative;
}

.vuiInputContainer label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
}

.vuiInputContainer input {
    font-size: 16px;
}

.vuiInputContainer .vuiMessage {
    display: none;
}

.vuiInputContainer.vui-input-invalid .vuiMessage {
    display: inline-block;
    top: 24px;
    left: 5px;
    position: absolute;
    font-weight: normal;
    background-color: #FAF2BB;
}

.vuiInputRequired {
    padding-left: 5px;
    color: #E37222;
}

.vuiInputContainer.vui-input-invalid .vuiInputRequired {
    display: none;
    padding-left: 5px;
}

.vuiInputContainer .vuiCharacterLimit {
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #999999;
    text-align: right;
}

.vuiInputContainer.vui-input-focused .vuiCharacterLimit {
    color: #0098db;
}

.vuiInputContainer.vui-input-invalid .vuiCharacterLimit {
    color: #DA0000;
}


/* container */
.vuiAudioPlayer {
    position: relative;
    margin-bottom: 18px;
    width: 100%
}

.vuiAudioPlayerSubContainer {
    padding-top: 55px;
}
/* closed caption */
.vuiClosedCaption { height: 54px; background-color: #333; display: table; width: 100%; opacity: .75; bottom: 27px; position: absolute; z-index: 55; }
@media \0screen\,screen\9 {
	.vuiClosedCaption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
}
.vuiClosedCaptionTextContainer { width: 62.5%; left: 18.75%; position: absolute; }
.vuiClosedCaptionText  { font-size: 14px; color: #FFF; text-align:center; }

.vuiVideocarouselNavIcon { background: url(./images/mediaControls_16_290.png) no-repeat scroll; }

/* chapter buttons */

.vuiVideocarouselNavIcon { height: 19px; width: 10px; margin: 0px 0px 14px 8px; }
.vuiVideocarouselNavLeft .vuiVideocarouselNavIcon			{ background-position:   0px -415px; }
.vuiVideocarouselNavLeft:hover .vuiVideocarouselNavIcon		{ background-position: -25px -415px; }
.vuiVideocarouselNavLeft.disabled .vuiVideocarouselNavIcon 	{ background-position: -50px -415px; }
.vuiVideocarouselNavRight .vuiVideocarouselNavIcon			{ background-position:   0px -439px; }
.vuiVideocarouselNavRight:hover .vuiVideocarouselNavIcon	{ background-position: -25px -439px; }
.vuiVideocarouselNavRight.disabled .vuiVideocarouselNavIcon	{ background-position: -50px -439px; }


/* episodes */ 

.vuiVideocarouselContainer { width:100%; z-index: 55;  -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.vuiVideocarouselRow { display: table; width: 100%; }
.vuiVideocarouselNavLeft,
.vuiVideocarouselNavRight { display: table-cell; width: 26px; cursor:pointer; }
.vuiVideocarouselWindow { display: table-cell; padding: 12px 6px; overflow: hidden; }
.vuiVideocarouselItems { width: 1000%; max-height: 50px; position: relative; left: 0px; overflow: hidden; }
.vuiVideocarouselItemDesc { padding: 0px 32px 21px; width: 100%; font-size: 85%; line-height: 150%; }
/* controls */
.vuiControls { height: 27px; background-color: #ccc; width: 100%; z-index: 55; }
.vuiMediaContainer { position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 55; overflow: hidden; height: 74px; } /* 74 === 27(controls) + 47(volume) */
.vuiVideo { position: absolute; left: 0px; z-index: 60; }
.vuiVideo-Shown { position: absolute; left: 0px; }

.vuiControlItem { display: table-cell; vertical-align: middle; padding: 0px 5px 0px 4px; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; cursor: pointer; }
.vuiControlItem:first-child { padding-left:  9px; }
.vuiControlItem:last-child  { padding-right: 9px; }
.vuiControlItemInner { position: relative; top: 0px; left: 0px; height: 27px; }
.vuiSlider .vuiControlItemInner { height: auto; }

/* style to hide volume control slider as it transitions */
.vuiVolumeShade { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 60; background-color: #CCC; }

.vuiMediaIcon,
.vuiMediaIconHover,
.vuiVideo .vuiVolumeEmpty:before,
/* there are two styles applied to the video player controls 1) .vuiVideo 2) .vuiVideo-Shown - second is for when the controls should be shown always (not by hover) */
.vuiVideo-Shown .vuiVolumeEmpty:before,
.vuiSliderIcon,
/* style to be applied to volume while volume slider is shown and hovered over */
.vuiAudio .vuiVolumeFill:after { background: url(./images/mediaControls_16_290.png) no-repeat scroll; }

/* icons */

.vuiMediaIconHover	{ opacity: 0; }

/* end of styling*/

.vuiMediaIcon,
.vuiMediaIconHover { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 65; -webkit-backface-visibility: hidden;  }

/* cell widths */

.vuiPlayPause,
.vuiPrev,
.vuiNext   		{ width:  9px; min-width:  9px; max-width:  9px; }
.vuiVolume		{ width: 17px; min-width: 17px; max-width: 17px; }
.vuiSlider,
.vuiSliderMin		{ width: 100%; /*to make it fill available space*/ }
.vuiCaption { width: 19px; min-width: 19px; max-width: 19px; }
.vuiVideoFullScreen 	{ width: 13px; min-width: 13px; max-width: 13px; }

/* play */

.vuiPause .vuiMediaIcon 		{ background-position:   0px 0px; }
.vuiPause .vuiMediaIconHover { background-position: -25px 0px; }

/* pause */

.vuiPlay .vuiMediaIcon		{ background-position:   0px -27px; }
.vuiPlay .vuiMediaIconHover	{ background-position: -25px -27px; }

/* volume */
.vuiVolumeCtrl { background-color: #ccc; }
.vuiAudio .vuiVolumeCtrl { padding: 0px; height: auto; width:  0px; }
.vuiVideo .vuiVolumeCtrl, .vuiVideo-Shown .vuiVolumeCtrl { height: 47px; padding: 9px 9px 3px; width: 27px; position: absolute; bottom: -20px; left: -4px; z-index:50; }
.vuiVideo-Shown .vuiVolume:hover .vuiVolumeCtrl,
.vuiVideo-Shown .vuiVolume .vuiVolumeCtrl-Shown { z-index: 55; }
.vuiVolume .vuiVolumeCtrl {-webkit-backface-visibility: hidden; }
/* end of styling*/

.vuiAudio .vuiVolumeSlider { height: 100%; padding: 0px;}
.vuiAudio .vuiVolumeSlider .vuiControlItemInner  { height: auto; }
.vuiAudio .vuiVolume:hover + .vuiVolumeSlider .vuiVolumeCtrl,
.vuiAudio .vuiVolumeSlider:hover .vuiVolumeCtrl,
.vuiAudio .vuiVolumeShown.vuiVolumeSlider:hover .vuiVolumeCtrl,
.vuiAudio .vuiVolumeShown.vuiVolumeSlider .vuiVolumeCtrl { width: 35px; display: block; padding: 0px 5px 0px 2px; visibility: visible; }

.vuiAudio .vuiVolume:hover + .vuiVolumeSlider .vuiVolumeFill:after,
.vuiAudio .vuiVolumeSlider:hover .vuiVolumeFill:after,
.vuiAudio .vuiVolumeShown.vuiVolumeSlider .vuiVolumeFill:after { display: block; }

.vuiVolumeFill  { background-color: #96151d; }
.vuiVideo .vuiVolumeFill { width:5px; height:100%; margin: 0px 2px; }
/* there are two styles applied to the video player controls 1) .vuiVideo 2) .vuiVideo-Shown - second is for when the controls should be shown always (not by hover) */
.vuiVideo-Shown .vuiVolumeFill { width:5px; height:100%; margin: 0px 2px; }
/* end of styling*/

.vuiAudio .vuiVolumeFill { width: 0%; height: 5px; position: absolute; top: 0px; max-width: 28px; z-index: 55;}

.vuiVolumeEmpty { background-color: #999; }
.vuiVideo .vuiVolumeEmpty { border-left: 1px solid #333; position: relative; top: 0px; left: 0px; }
/* there are two styles applied to the video player controls 1) .vuiVideo 2) .vuiVideo-Shown - second is for when the controls should be shown always (not by hover) */
.vuiVideo-Shown .vuiVolumeEmpty { border-left: 1px solid #333; position: relative; top: 0px; left: 0px; }
/* end of styling*/

.vuiAudio .vuiVolumeEmpty { border-top:  1px solid #333; height: 5px; width: 100%; }

.vuiAudio .vuiVolumeFill:after   { content: ""; display:  none; height: 3px; width: 5px; background-position:   0px -405px; float: right; margin: -5px -2px 0px 0px; }
.vuiVideo .vuiVolumeEmpty:before { content: ""; display: block; height: 5px; width: 3px; background-position: -10px -405px; position: absolute; bottom: -3px; left: -6px; z-index: 55;}
/* there are two styles applied to the video player controls 1) .vuiVideo 2) .vuiVideo-Shown - second is for when the controls should be shown always (not by hover) */
.vuiVideo-Shown .vuiVolumeEmpty:before { content: ""; display: block; height: 5px; width: 3px; background-position: -10px -405px; position: absolute; bottom: -3px; left: -6px; z-index: 55; }
/* end of styling*/

/* 0 - mute */
.vuiVolume0 .vuiMediaIcon 		{ background-position:   0px -378px; }
.vuiVolume0 .vuiMediaIconHover 	{ background-position: -25px -378px; }
.vuiVideo .vuiVolume0 .vuiVolumeEmpty:before	{ bottom: -2px; }
/* there are two styles applied to the video player controls 1) .vuiVideo 2) .vuiVideo-Shown - second is for when the controls should be shown always (not by hover) */
.vuiVideo-Shown .vuiVolume0 .vuiVolumeEmpty:before	{ bottom: -2px; }
/* end of styling*/
/* style to be applied to volume while volume slider is shown and hovered over*/
/* end of styling*/

/* 1-20 */
.vuiVolume1 .vuiMediaIcon 		{ background-position:   0px -81px; }
.vuiVolume1 .vuiMediaIconHover 	{ background-position: -25px -81px; }

/* 21-40 */
.vuiVolume2 .vuiMediaIcon 		{ background-position:   0px -108px; }
.vuiVolume2 .vuiMediaIconHover 	{ background-position: -25px -108px; }

/* 41-60 */
.vuiVolume3 .vuiMediaIcon 		{ background-position:   0px -135px; }
.vuiVolume3 .vuiMediaIconHover 	{ background-position: -25px -135px; }

/* 61-80 */
.vuiVolume4 .vuiMediaIcon 		{ background-position:   0px -162px; }
.vuiVolume4 .vuiMediaIconHover 	{ background-position: -25px -162px; }

/* 81-99 */
.vuiVolume5 .vuiMediaIcon 		{ background-position:   0px -189px; }
.vuiVolume5 .vuiMediaIconHover 	{ background-position: -25px -189px; }

/* 100 - max*/
.vuiVolume6 .vuiMediaIcon 		{ background-position:   0px -216px; }
.vuiVolume6 .vuiMediaIconHover 	{ background-position: -25px -216px; }

/* individual volume levels for use on the volume slider */

.vuiVideo .vuiVolLevel0   .vuiVolumeEmpty { height: 100%; }
.vuiVideo .vuiVolLevel1   .vuiVolumeEmpty { height:  99%; }
.vuiVideo .vuiVolLevel2   .vuiVolumeEmpty { height:  98%; }
.vuiVideo .vuiVolLevel3   .vuiVolumeEmpty { height:  97%; }
.vuiVideo .vuiVolLevel4   .vuiVolumeEmpty { height:  96%; }
.vuiVideo .vuiVolLevel5   .vuiVolumeEmpty { height:  95%; }
.vuiVideo .vuiVolLevel6   .vuiVolumeEmpty { height:  94%; }
.vuiVideo .vuiVolLevel7   .vuiVolumeEmpty { height:  93%; }
.vuiVideo .vuiVolLevel8   .vuiVolumeEmpty { height:  92%; }
.vuiVideo .vuiVolLevel9   .vuiVolumeEmpty { height:  91%; }
.vuiVideo .vuiVolLevel10  .vuiVolumeEmpty { height:  90%; }
.vuiVideo .vuiVolLevel11  .vuiVolumeEmpty { height:  89%; }
.vuiVideo .vuiVolLevel12  .vuiVolumeEmpty { height:  88%; }
.vuiVideo .vuiVolLevel13  .vuiVolumeEmpty { height:  87%; }
.vuiVideo .vuiVolLevel14  .vuiVolumeEmpty { height:  86%; }
.vuiVideo .vuiVolLevel15  .vuiVolumeEmpty { height:  85%; }
.vuiVideo .vuiVolLevel16  .vuiVolumeEmpty { height:  84%; }
.vuiVideo .vuiVolLevel17  .vuiVolumeEmpty { height:  83%; }
.vuiVideo .vuiVolLevel18  .vuiVolumeEmpty { height:  82%; }
.vuiVideo .vuiVolLevel19  .vuiVolumeEmpty { height:  81%; }
.vuiVideo .vuiVolLevel20  .vuiVolumeEmpty { height:  80%; }
.vuiVideo .vuiVolLevel21  .vuiVolumeEmpty { height:  79%; }
.vuiVideo .vuiVolLevel22  .vuiVolumeEmpty { height:  78%; }
.vuiVideo .vuiVolLevel23  .vuiVolumeEmpty { height:  77%; }
.vuiVideo .vuiVolLevel24  .vuiVolumeEmpty { height:  76%; }
.vuiVideo .vuiVolLevel25  .vuiVolumeEmpty { height:  75%; }
.vuiVideo .vuiVolLevel26  .vuiVolumeEmpty { height:  74%; }
.vuiVideo .vuiVolLevel27  .vuiVolumeEmpty { height:  73%; }
.vuiVideo .vuiVolLevel28  .vuiVolumeEmpty { height:  72%; }
.vuiVideo .vuiVolLevel29  .vuiVolumeEmpty { height:  71%; }
.vuiVideo .vuiVolLevel30  .vuiVolumeEmpty { height:  70%; }
.vuiVideo .vuiVolLevel31  .vuiVolumeEmpty { height:  69%; }
.vuiVideo .vuiVolLevel32  .vuiVolumeEmpty { height:  68%; }
.vuiVideo .vuiVolLevel33  .vuiVolumeEmpty { height:  67%; }
.vuiVideo .vuiVolLevel34  .vuiVolumeEmpty { height:  66%; }
.vuiVideo .vuiVolLevel35  .vuiVolumeEmpty { height:  65%; }
.vuiVideo .vuiVolLevel36  .vuiVolumeEmpty { height:  64%; }
.vuiVideo .vuiVolLevel37  .vuiVolumeEmpty { height:  63%; }
.vuiVideo .vuiVolLevel38  .vuiVolumeEmpty { height:  62%; }
.vuiVideo .vuiVolLevel39  .vuiVolumeEmpty { height:  61%; }
.vuiVideo .vuiVolLevel40  .vuiVolumeEmpty { height:  60%; }
.vuiVideo .vuiVolLevel41  .vuiVolumeEmpty { height:  59%; }
.vuiVideo .vuiVolLevel42  .vuiVolumeEmpty { height:  58%; }
.vuiVideo .vuiVolLevel43  .vuiVolumeEmpty { height:  57%; }
.vuiVideo .vuiVolLevel44  .vuiVolumeEmpty { height:  56%; }
.vuiVideo .vuiVolLevel45  .vuiVolumeEmpty { height:  55%; }
.vuiVideo .vuiVolLevel46  .vuiVolumeEmpty { height:  54%; }
.vuiVideo .vuiVolLevel47  .vuiVolumeEmpty { height:  53%; }
.vuiVideo .vuiVolLevel48  .vuiVolumeEmpty { height:  52%; }
.vuiVideo .vuiVolLevel49  .vuiVolumeEmpty { height:  51%; }
.vuiVideo .vuiVolLevel50  .vuiVolumeEmpty { height:  50%; }
.vuiVideo .vuiVolLevel51  .vuiVolumeEmpty { height:  49%; }
.vuiVideo .vuiVolLevel52  .vuiVolumeEmpty { height:  48%; }
.vuiVideo .vuiVolLevel53  .vuiVolumeEmpty { height:  47%; }
.vuiVideo .vuiVolLevel54  .vuiVolumeEmpty { height:  46%; }
.vuiVideo .vuiVolLevel55  .vuiVolumeEmpty { height:  45%; }
.vuiVideo .vuiVolLevel56  .vuiVolumeEmpty { height:  44%; }
.vuiVideo .vuiVolLevel57  .vuiVolumeEmpty { height:  43%; }
.vuiVideo .vuiVolLevel58  .vuiVolumeEmpty { height:  42%; }
.vuiVideo .vuiVolLevel59  .vuiVolumeEmpty { height:  41%; }
.vuiVideo .vuiVolLevel60  .vuiVolumeEmpty { height:  40%; }
.vuiVideo .vuiVolLevel61  .vuiVolumeEmpty { height:  39%; }
.vuiVideo .vuiVolLevel62  .vuiVolumeEmpty { height:  38%; }
.vuiVideo .vuiVolLevel63  .vuiVolumeEmpty { height:  37%; }
.vuiVideo .vuiVolLevel64  .vuiVolumeEmpty { height:  36%; }
.vuiVideo .vuiVolLevel65  .vuiVolumeEmpty { height:  35%; }
.vuiVideo .vuiVolLevel66  .vuiVolumeEmpty { height:  34%; }
.vuiVideo .vuiVolLevel67  .vuiVolumeEmpty { height:  33%; }
.vuiVideo .vuiVolLevel68  .vuiVolumeEmpty { height:  32%; }
.vuiVideo .vuiVolLevel69  .vuiVolumeEmpty { height:  31%; }
.vuiVideo .vuiVolLevel70  .vuiVolumeEmpty { height:  30%; }
.vuiVideo .vuiVolLevel71  .vuiVolumeEmpty { height:  29%; }
.vuiVideo .vuiVolLevel72  .vuiVolumeEmpty { height:  28%; }
.vuiVideo .vuiVolLevel73  .vuiVolumeEmpty { height:  27%; }
.vuiVideo .vuiVolLevel74  .vuiVolumeEmpty { height:  26%; }
.vuiVideo .vuiVolLevel75  .vuiVolumeEmpty { height:  25%; }
.vuiVideo .vuiVolLevel76  .vuiVolumeEmpty { height:  24%; }
.vuiVideo .vuiVolLevel77  .vuiVolumeEmpty { height:  23%; }
.vuiVideo .vuiVolLevel78  .vuiVolumeEmpty { height:  22%; }
.vuiVideo .vuiVolLevel79  .vuiVolumeEmpty { height:  21%; }
.vuiVideo .vuiVolLevel80  .vuiVolumeEmpty { height:  20%; }
.vuiVideo .vuiVolLevel81  .vuiVolumeEmpty { height:  19%; }
.vuiVideo .vuiVolLevel82  .vuiVolumeEmpty { height:  18%; }
.vuiVideo .vuiVolLevel83  .vuiVolumeEmpty { height:  17%; }
.vuiVideo .vuiVolLevel84  .vuiVolumeEmpty { height:  16%; }
.vuiVideo .vuiVolLevel85  .vuiVolumeEmpty { height:  15%; }
.vuiVideo .vuiVolLevel86  .vuiVolumeEmpty { height:  14%; }
.vuiVideo .vuiVolLevel87  .vuiVolumeEmpty { height:  13%; }
.vuiVideo .vuiVolLevel88  .vuiVolumeEmpty { height:  12%; }
.vuiVideo .vuiVolLevel89  .vuiVolumeEmpty { height:  11%; }
.vuiVideo .vuiVolLevel90  .vuiVolumeEmpty { height:  10%; }
.vuiVideo .vuiVolLevel91  .vuiVolumeEmpty { height:   9%; }
.vuiVideo .vuiVolLevel92  .vuiVolumeEmpty { height:   8%; }
.vuiVideo .vuiVolLevel93  .vuiVolumeEmpty { height:   7%; }
.vuiVideo .vuiVolLevel94  .vuiVolumeEmpty { height:   6%; }
.vuiVideo .vuiVolLevel95  .vuiVolumeEmpty { height:   5%; }
.vuiVideo .vuiVolLevel96  .vuiVolumeEmpty { height:   4%; }
.vuiVideo .vuiVolLevel97  .vuiVolumeEmpty { height:   3%; }
.vuiVideo .vuiVolLevel98  .vuiVolumeEmpty { height:   2%; }
.vuiVideo .vuiVolLevel99  .vuiVolumeEmpty { height:   1%; }
.vuiVideo .vuiVolLevel100 .vuiVolumeEmpty { height:   0%; }

/* there are two styles applied to the video player controls 1) .vuiVideo 2) .vuiVideo-Shown - second is for when the controls should be shown always (not by hover) */
.vuiVideo-Shown .vuiVolLevel0   .vuiVolumeEmpty { height: 100%; }
.vuiVideo-Shown .vuiVolLevel1   .vuiVolumeEmpty { height:  99%; }
.vuiVideo-Shown .vuiVolLevel2   .vuiVolumeEmpty { height:  98%; }
.vuiVideo-Shown .vuiVolLevel3   .vuiVolumeEmpty { height:  97%; }
.vuiVideo-Shown .vuiVolLevel4   .vuiVolumeEmpty { height:  96%; }
.vuiVideo-Shown .vuiVolLevel5   .vuiVolumeEmpty { height:  95%; }
.vuiVideo-Shown .vuiVolLevel6   .vuiVolumeEmpty { height:  94%; }
.vuiVideo-Shown .vuiVolLevel7   .vuiVolumeEmpty { height:  93%; }
.vuiVideo-Shown .vuiVolLevel8   .vuiVolumeEmpty { height:  92%; }
.vuiVideo-Shown .vuiVolLevel9   .vuiVolumeEmpty { height:  91%; }
.vuiVideo-Shown .vuiVolLevel10  .vuiVolumeEmpty { height:  90%; }
.vuiVideo-Shown .vuiVolLevel11  .vuiVolumeEmpty { height:  89%; }
.vuiVideo-Shown .vuiVolLevel12  .vuiVolumeEmpty { height:  88%; }
.vuiVideo-Shown .vuiVolLevel13  .vuiVolumeEmpty { height:  87%; }
.vuiVideo-Shown .vuiVolLevel14  .vuiVolumeEmpty { height:  86%; }
.vuiVideo-Shown .vuiVolLevel15  .vuiVolumeEmpty { height:  85%; }
.vuiVideo-Shown .vuiVolLevel16  .vuiVolumeEmpty { height:  84%; }
.vuiVideo-Shown .vuiVolLevel17  .vuiVolumeEmpty { height:  83%; }
.vuiVideo-Shown .vuiVolLevel18  .vuiVolumeEmpty { height:  82%; }
.vuiVideo-Shown .vuiVolLevel19  .vuiVolumeEmpty { height:  81%; }
.vuiVideo-Shown .vuiVolLevel20  .vuiVolumeEmpty { height:  80%; }
.vuiVideo-Shown .vuiVolLevel21  .vuiVolumeEmpty { height:  79%; }
.vuiVideo-Shown .vuiVolLevel22  .vuiVolumeEmpty { height:  78%; }
.vuiVideo-Shown .vuiVolLevel23  .vuiVolumeEmpty { height:  77%; }
.vuiVideo-Shown .vuiVolLevel24  .vuiVolumeEmpty { height:  76%; }
.vuiVideo-Shown .vuiVolLevel25  .vuiVolumeEmpty { height:  75%; }
.vuiVideo-Shown .vuiVolLevel26  .vuiVolumeEmpty { height:  74%; }
.vuiVideo-Shown .vuiVolLevel27  .vuiVolumeEmpty { height:  73%; }
.vuiVideo-Shown .vuiVolLevel28  .vuiVolumeEmpty { height:  72%; }
.vuiVideo-Shown .vuiVolLevel29  .vuiVolumeEmpty { height:  71%; }
.vuiVideo-Shown .vuiVolLevel30  .vuiVolumeEmpty { height:  70%; }
.vuiVideo-Shown .vuiVolLevel31  .vuiVolumeEmpty { height:  69%; }
.vuiVideo-Shown .vuiVolLevel32  .vuiVolumeEmpty { height:  68%; }
.vuiVideo-Shown .vuiVolLevel33  .vuiVolumeEmpty { height:  67%; }
.vuiVideo-Shown .vuiVolLevel34  .vuiVolumeEmpty { height:  66%; }
.vuiVideo-Shown .vuiVolLevel35  .vuiVolumeEmpty { height:  65%; }
.vuiVideo-Shown .vuiVolLevel36  .vuiVolumeEmpty { height:  64%; }
.vuiVideo-Shown .vuiVolLevel37  .vuiVolumeEmpty { height:  63%; }
.vuiVideo-Shown .vuiVolLevel38  .vuiVolumeEmpty { height:  62%; }
.vuiVideo-Shown .vuiVolLevel39  .vuiVolumeEmpty { height:  61%; }
.vuiVideo-Shown .vuiVolLevel40  .vuiVolumeEmpty { height:  60%; }
.vuiVideo-Shown .vuiVolLevel41  .vuiVolumeEmpty { height:  59%; }
.vuiVideo-Shown .vuiVolLevel42  .vuiVolumeEmpty { height:  58%; }
.vuiVideo-Shown .vuiVolLevel43  .vuiVolumeEmpty { height:  57%; }
.vuiVideo-Shown .vuiVolLevel44  .vuiVolumeEmpty { height:  56%; }
.vuiVideo-Shown .vuiVolLevel45  .vuiVolumeEmpty { height:  55%; }
.vuiVideo-Shown .vuiVolLevel46  .vuiVolumeEmpty { height:  54%; }
.vuiVideo-Shown .vuiVolLevel47  .vuiVolumeEmpty { height:  53%; }
.vuiVideo-Shown .vuiVolLevel48  .vuiVolumeEmpty { height:  52%; }
.vuiVideo-Shown .vuiVolLevel49  .vuiVolumeEmpty { height:  51%; }
.vuiVideo-Shown .vuiVolLevel50  .vuiVolumeEmpty { height:  50%; }
.vuiVideo-Shown .vuiVolLevel51  .vuiVolumeEmpty { height:  49%; }
.vuiVideo-Shown .vuiVolLevel52  .vuiVolumeEmpty { height:  48%; }
.vuiVideo-Shown .vuiVolLevel53  .vuiVolumeEmpty { height:  47%; }
.vuiVideo-Shown .vuiVolLevel54  .vuiVolumeEmpty { height:  46%; }
.vuiVideo-Shown .vuiVolLevel55  .vuiVolumeEmpty { height:  45%; }
.vuiVideo-Shown .vuiVolLevel56  .vuiVolumeEmpty { height:  44%; }
.vuiVideo-Shown .vuiVolLevel57  .vuiVolumeEmpty { height:  43%; }
.vuiVideo-Shown .vuiVolLevel58  .vuiVolumeEmpty { height:  42%; }
.vuiVideo-Shown .vuiVolLevel59  .vuiVolumeEmpty { height:  41%; }
.vuiVideo-Shown .vuiVolLevel60  .vuiVolumeEmpty { height:  40%; }
.vuiVideo-Shown .vuiVolLevel61  .vuiVolumeEmpty { height:  39%; }
.vuiVideo-Shown .vuiVolLevel62  .vuiVolumeEmpty { height:  38%; }
.vuiVideo-Shown .vuiVolLevel63  .vuiVolumeEmpty { height:  37%; }
.vuiVideo-Shown .vuiVolLevel64  .vuiVolumeEmpty { height:  36%; }
.vuiVideo-Shown .vuiVolLevel65  .vuiVolumeEmpty { height:  35%; }
.vuiVideo-Shown .vuiVolLevel66  .vuiVolumeEmpty { height:  34%; }
.vuiVideo-Shown .vuiVolLevel67  .vuiVolumeEmpty { height:  33%; }
.vuiVideo-Shown .vuiVolLevel68  .vuiVolumeEmpty { height:  32%; }
.vuiVideo-Shown .vuiVolLevel69  .vuiVolumeEmpty { height:  31%; }
.vuiVideo-Shown .vuiVolLevel70  .vuiVolumeEmpty { height:  30%; }
.vuiVideo-Shown .vuiVolLevel71  .vuiVolumeEmpty { height:  29%; }
.vuiVideo-Shown .vuiVolLevel72  .vuiVolumeEmpty { height:  28%; }
.vuiVideo-Shown .vuiVolLevel73  .vuiVolumeEmpty { height:  27%; }
.vuiVideo-Shown .vuiVolLevel74  .vuiVolumeEmpty { height:  26%; }
.vuiVideo-Shown .vuiVolLevel75  .vuiVolumeEmpty { height:  25%; }
.vuiVideo-Shown .vuiVolLevel76  .vuiVolumeEmpty { height:  24%; }
.vuiVideo-Shown .vuiVolLevel77  .vuiVolumeEmpty { height:  23%; }
.vuiVideo-Shown .vuiVolLevel78  .vuiVolumeEmpty { height:  22%; }
.vuiVideo-Shown .vuiVolLevel79  .vuiVolumeEmpty { height:  21%; }
.vuiVideo-Shown .vuiVolLevel80  .vuiVolumeEmpty { height:  20%; }
.vuiVideo-Shown .vuiVolLevel81  .vuiVolumeEmpty { height:  19%; }
.vuiVideo-Shown .vuiVolLevel82  .vuiVolumeEmpty { height:  18%; }
.vuiVideo-Shown .vuiVolLevel83  .vuiVolumeEmpty { height:  17%; }
.vuiVideo-Shown .vuiVolLevel84  .vuiVolumeEmpty { height:  16%; }
.vuiVideo-Shown .vuiVolLevel85  .vuiVolumeEmpty { height:  15%; }
.vuiVideo-Shown .vuiVolLevel86  .vuiVolumeEmpty { height:  14%; }
.vuiVideo-Shown .vuiVolLevel87  .vuiVolumeEmpty { height:  13%; }
.vuiVideo-Shown .vuiVolLevel88  .vuiVolumeEmpty { height:  12%; }
.vuiVideo-Shown .vuiVolLevel89  .vuiVolumeEmpty { height:  11%; }
.vuiVideo-Shown .vuiVolLevel90  .vuiVolumeEmpty { height:  10%; }
.vuiVideo-Shown .vuiVolLevel91  .vuiVolumeEmpty { height:   9%; }
.vuiVideo-Shown .vuiVolLevel92  .vuiVolumeEmpty { height:   8%; }
.vuiVideo-Shown .vuiVolLevel93  .vuiVolumeEmpty { height:   7%; }
.vuiVideo-Shown .vuiVolLevel94  .vuiVolumeEmpty { height:   6%; }
.vuiVideo-Shown .vuiVolLevel95  .vuiVolumeEmpty { height:   5%; }
.vuiVideo-Shown .vuiVolLevel96  .vuiVolumeEmpty { height:   4%; }
.vuiVideo-Shown .vuiVolLevel97  .vuiVolumeEmpty { height:   3%; }
.vuiVideo-Shown .vuiVolLevel98  .vuiVolumeEmpty { height:   2%; }
.vuiVideo-Shown .vuiVolLevel99  .vuiVolumeEmpty { height:   1%; }
.vuiVideo-Shown .vuiVolLevel100 .vuiVolumeEmpty { height:   0%; }
/* end of styling*/

/* time */
.vuiTime  { cursor: default; font-size: 12px; line-height: normal; white-space: nowrap; }

/* slider */

.vuiSliderMin 	  { position:absolute; bottom:0px; left: 0px; z-index: 55;}
.vuiSliderEmpty,
.vuiSliderMinEmpty  { background-color: #666;    height:  5px; width: 100%; border-top: 1px solid #333; }
.vuiSliderBuffer,
.vuiSliderMinBuffer { background-color: #999;    height: 100%; width:   0%; }

.vuiSliderFill,
.vuiSliderMinFill   { background-color: #96151D; height:  5px; width:   0%; position: absolute; top: 0px; z-index: 55; }

.vuiSliderIcon {position: absolute; width: 5px; height: 3px; top: -5px; background-position: 0px -405px; }

.vuiSliderWidth   { width: 0%; }

/* previous */

.vuiPrev .vuiMediaIcon 		{ background-position:   0px -243px; }
.vuiPrev .vuiMediaIconHover 	{ background-position: -25px -243px; }

/* next */

.vuiNext .vuiMediaIcon 		{ background-position:   0px -270px; }
.vuiNext .vuiMediaIconHover 	{ background-position: -25px -270px; }

/* closed captioning */
.vuiCaption .vuiMediaIcon 	  	{ background-position:   0px -297px; }
.vuiCaption .vuiMediaIconHover,
.vuiCaptionOn .vuiMediaIcon 	{ background-position: -25px -297px; }

/* full screen */
.vuiVideoFullScreenOpen .vuiMediaIcon 	   { background-position:   0px -324px; }
.vuiVideoFullScreenOpen .vuiMediaIconHover   { background-position: -25px -324px; }
.vuiVideoFullScreenClose .vuiMediaIcon 	   { background-position:   0px -351px; }
.vuiVideoFullScreenClose .vuiMediaIconHover  { background-position: -25px -351px; }

/*For IE8 Standards and less*/
@media \0screen\,screen\9 {
	.vuiMediaIconHover	{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}
/* poster play button */

.vuiPlayButtonContainer { position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; height: 100%; }
.vuiPlayButtonAlignHelper { display: inline-block; height: 50%; }

.vuiPlayButton { position: relative; cursor: pointer; z-index: 55; display: inline-block; background: url(./images/mediaControls_16_290.png) no-repeat scroll; }

.vuiPlayButton			{ background-position: 0px -559px; top: 30.5px; width: 60px; height: 61px; }
.vuiPlayButton:hover	{ background-position: 0px -625px; }

/*small*/
@media screen and (max-width: 599px)
{
	.vuiPlayButton			{ background-position: 0px -463px; top: 21.5px; width: 42px; height: 43px; }
	.vuiPlayButton:hover	{ background-position: 0px -511px; }
}
.vuiVideoPlayerSubContainer video,
.vuiVideoPlayerSubContainer object{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.vuiEpisodeItem { display: inline-block; height: 48px; width: 72px; margin: 0px 12px 0px 0px; }
.vuiEpisodeItemIcon,
.vuiEpisodeItemIconPlaying { display: inline-block; cursor: pointer; height: 48px; width: 72px;}
.vuiEpisodeItemIconCover { height: 48px; width: 72px; position: relative; top: -53px; background-color: rgba(0,0,0,0.2); cursor: pointer; }
.vuiEpisodeItem:hover .vuiEpisodeItemIconCover { background-color: transparent; border: 3px solid #96151d; }
.vuiEpisodeItemIconPlaying + .vuiEpisodeItemIconCoverPlaying  { height: 48px; width: 72px; position: relative; top: -53px; cursor: pointer; background-color: transparent; border: 3px solid #8D4900; }
.vuiEpisodeItem:hover .vuiEpisodeItemIconCoverPlaying { border: 3px solid #96151d; }
/* container */
.vuiVideoPlayer { position: relative; left: 0px; top: 0px; overflow: hidden; margin-bottom: 18px; }

.vuiVideoPlayerSubContainer { overflow: hidden; position: relative; width:100%; padding-top: 56.25%; }

.vuiFullScreen { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #000; z-index: 1300; }

.vuiFullScreen.vuiVideoPlayerSubContainer { padding-top: 0px; }
/*** MEDIA PLAYER ***/

/* container */

.vuiAudioPlayer { position: relative; left: 0px; top: 0px;}
.vuiAudioPlayerSubContainer audio { width:100%; }
.vuiAudioPlayer .vuiAud { margin-bottom: 18px; }

/*** vuiAutosuggest ***/

.vuiAutosuggest {
    max-width: 100%;
    font-size: 1em;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.625em;
    line-height: 1.625rem;
    display: table;
}
.vuiAutosuggest .vuiInput {padding: 0px; padding-top: 2px;}

.vuiAutosuggest .vuiAutosuggestItemContainer {
    border: 1px solid #D4CFC3;
    padding: 15px 6px;
    background-color: #fff;
    z-index: 480;
    position: absolute;
    overflow-y: auto;
}
.vuiAutosuggestItemContainer .vuiAutosuggestItem { padding: 3px 6px 4px; cursor: pointer; text-align: left; color: #333; }
.vuiAutosuggestItemContainer .vuiHighlightItem { background: #96151D; color: #fff; }

.vuiFloatingContainer .vuiFixedCol .vuiAutosuggest { position: relative; }
.vuiFloatingContainer .vuiFixedCol .vuiAutosuggest .vuiAutosuggestItemContainer { position: fixed; }
/*** vuiErrorContainer ***/
.vuiErrorContainer{ padding: 5px 6px; }
.vuiErrorContainer .vuiInfobox { color: #F00; }
.vuiErrorContainer.vuiErrorContainerError { border-left: 3px solid #F00; background-color: #FAF2BB; padding-left: 3px; }
.vuiLabelErrorColor { color: #F00; }
/*** vuiErrormessage ***/
.vuiErrormessage .vuiInfobox { color: #F00; }
.vuiInputError { border-left: 3px solid #F00; background-color: #FAF2BB; padding-left: 3px; }
.vuiInputErrorColor { color: #F00; }
.vuiFileUploadIFrame {display:none;}

/******* INPUTS *******/

LABEL[disabled],
INPUT[disabled] { cursor: default; color: #b3b3b3; }

.vuiInput { display: inline-block; padding: 5px 6px; }
TD > .vuiInput { padding: 0px; }

.vuiInput > input { padding: 0px 4px; box-shadow: none; }

.vuiInput > textarea { padding: 5px 8px; }
.vuiInput > select { vertical-align: top; _vertical-align: middle; margin-left: 3px; font-size: 85%; }
.vuiInput > .vuiInputCounter { display: inline-block; padding-top: 7px; font-size: 0.8em; text-align: right; width: 100%; }

/******* INPUT GROUPS *******/

.vuiInputGroup.vuiHorizontal { display: inline; }

.vuiInputItem,
.vuiInputGroup.vuiHorizontal > .vuiInputItem { display: inline-table; }
.vuiInputGroup > .vuiInputItem,
.vuiInputGroupVertical > .vuiInputItem { display: table; }
@media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.vuiInputItem { vertical-align: -15px; /* fix for safari bug for wrong vertical align with inline-table */ } }

.vuiInputItem > .vuiInput,
.vuiInputItem > LABEL { display: table-cell; padding: 0px; }

.vuiInputItem > .vuiInput:first-child,
.vuiInputItem > LABEL:first-child { padding-right: 6px; }

.vuiInputGroup.vuiHorizontal > .vuiInputItem { padding-right: 12px; }
.vuiInputGroup.vuiHorizontal > .vuiInputItem:last-child { padding-right: 0px; /* leave ie8 behind since last child not supported */ }

.vuiInputItem > .vuiInput { height: 30px; /* height acts as min height for display table-cell */ }
.vuiInputItem > .vuiInput > INPUT[type=radio],
.vuiInputItem > .vuiInput > INPUT[type=checkbox] { vertical-align: -1px; padding: 0px; }

@media ( min-width: 1001px ), print
{
	.vuiInputItem > .vuiInput { height: 22px; /* height acts as min height for display table-cell */ }
	.vuiInputItem > .vuiInput > INPUT[type=radio],
	.vuiInputItem > .vuiInput > INPUT[type=checkbox] { vertical-align: -2px; }
}

@media screen and ( min-width: 1001px ) and (-webkit-min-device-pixel-ratio: 0), print {
    ::i-block-chrome, .vuiInputItem {
        vertical-align: -9px; /* fix for safari bug for wrong vertical align with inline-table */
    }
}

@media \0screen\,screen\9 
{
	.vuiInputItem > .vuiInput { height: 22px; /* height acts as min height for display table-cell */ }
	.vuiInputItem > .vuiInput > INPUT[type=radio],
	.vuiInputItem > .vuiInput > INPUT[type=checkbox] { vertical-align: -2px; }	
}

/****** vuiInputGroup nonDirective CSS Begin ******/

.vuiCheckBox, .vuiRadioButton { margin: 0 6px 8px 0; vertical-align: -1px; }

@media ( min-width: 1001px ), print
{
	.vuiCheckBox, .vuiRadioButton { vertical-align: -2px; }
}

/****** vuiInputGroup nonDirective CSS End ******/
/** COMMON **/
.vuiMenu { display: inline-block; max-width: 100%; /* max-width: 100% is needed to contain the menu to its parent container, which is useful with RWD */ }
.vuiMenu .vuiMenuLabel { display: inline-table; width: 100%; }
.vuiMenu .vuiMenuLabel .vuiMenuLabelText { display: table-cell; }
.vuiMenu .vuiMenuLabel .vuiMenuIcon { display: table-cell; }
.vuiMenu .vuiMenuLabel .vuiMenuLabelTextInner { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vuiMenu .vuiMenuLabelFixed { table-layout: fixed; }
.vuiMenu .vuiMenuItemsContainer .vuiMenuItemsScrollContainer { overflow-y: auto; height: 100%; }
.vuiOverflowScrollingSupported .vuiMenu .vuiMenuItemsContainer .vuiMenuItemsScrollContainer { -webkit-overflow-scrolling: touch; }
.vuiMenu .vuiMenuItemsContainer { position: fixed; z-index: 500; }

.vuiMenu .vuiMenuItemsContainer .vuiMenuitem { cursor: pointer; }

.vuiMenu .vuiMenuItemsContainer .vuiMenuItemDisabled,
.vuiMenu.vuiMenuDefault .vuiMenuItemsContainer .vuiMenuItemDisabled,
.vuiMenu.vuiMenuStyle1 .vuiMenuItemsContainer .vuiMenuItemDisabled,
.vuiMenu.vuiMenuStyle2 .vuiMenuItemsContainer .vuiMenuItemDisabled { color: #B3B3B3; cursor: default; }

/*** vuiMenuDefault ***/

.vuiMenuDefault.vuiMenu { cursor: default; font-size: 1em; font-size: 1rem; font-weight: normal; line-height: 1.5em; line-height: 1.5rem; }
.vuiMenuDefault.vuiMenu .vuiMenuLabel { border: 1px solid #CCC; background-color: #fff;  }

@media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.vuiMenu .vuiMenuLabel { vertical-align: -11px; /* fix for safari bug for wrong vertical align with inline-table */ } }
.vuiMenuDefault.vuiMenu .vuiMenuLabel .vuiMenuLabelText { padding: 3px 9px 4px; color: #96151d; }

.vuiMenuDefault.vuiMenu .vuiMenuLabel .vuiMenuIcon { width: 27px; min-width: 27px; max-width: 27px; background: url(./images/vui_nav_icons_20150814.png) 0px -1014px no-repeat scroll; }
.vuiMenuDefault.vuiMenu .vuiMenuItemsContainer { border: 1px solid #CCC; background-color: #fff; }
.vuiMenuDefault.vuiMenu .vuiMenuItemsContainer .vuiMenuItemsScrollContainer { padding: 9px 3px 10px 3px; }

/* use large icon style for non-responsive pages */
.vuiNonResponsivePage .vuiMenuDefault.vuiMenu .vuiMenuLabel .vuiMenuLabelText { padding: 0px 9px 1px; color: #8D4900; }
.vuiNonResponsivePage .vuiMenuDefault.vuiMenu .vuiMenuLabel .vuiMenuIcon { width: 17px; min-width: 17px; max-width: 17px; background-position: 0px -598px; }
.vuiNonResponsivePage .vuiMenuDefault .vuiMenuOpen .vuiMenuLabel .vuiMenuIcon,
.vuiNonResponsivePage .vuiMenuDefault.vuiMenu.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon {background-position: 0px -648px;}
.vuiNonResponsivePage .vuiMenuDefault.vuiMenu:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -623px; }

.vuiMenuDefault .vuiMenuItemsContainer .vuiMenuitem { padding: 3px 6px 4px; text-align: left; color: #333; }
.vuiMenuDefault .vuiMenuItemsContainer .vuiMenuItemHighlight {color: #FFF; background-color: #96151D;}
.vuiMenuDefault .vuiMenuItemsContainer .vuiMenuitem span { vertical-align: middle; line-height: normal; display: inline-block; }

/* large */

@media (min-width: 1001px) , print
{
    .vuiMenuDefault.vuiMenu .vuiMenuLabel .vuiMenuLabelText { padding: 0px 9px 1px; color: #8D4900; }
    .vuiMenuDefault.vuiMenu .vuiMenuLabel:hover .vuiMenuLabelText { color: #96151d; text-decoration: underline; }
    .vuiMenuDefault.vuiMenu .vuiMenuLabel .vuiMenuIcon { width: 17px; min-width: 17px; max-width: 17px; background-position: 0px -598px; }
    .vuiMenuDefault .vuiMenuOpen .vuiMenuLabel .vuiMenuLabelText { color: #96151d; }
    .vuiMenuDefault .vuiMenuOpen .vuiMenuLabel .vuiMenuIcon, .vuiMenu.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -648px; }
    .vuiMenuDefault.vuiMenu:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -623px; }
}

@media screen and (min-width: 1001px) and (-webkit-min-device-pixel-ratio: 0), print {
    ::i-block-chrome, .vuiMenu .vuiMenuLabel {
        vertical-align: -7px; /* fix for safari bug for wrong vertical align with inline-table */
    }
}
	
/* IE8 - large */

@media \0screen\,screen\9 
{
    /* COMMON */
    .vuiMenu { max-width: none; /* fix for ie8 bug w/inline-block w/max-width when inside a table. this was only needed for responsive anyway. */ }

    /* vuiMenuDefault */
    .vuiMenuDefault.vuiMenu .vuiMenuLabel .vuiMenuLabelText { padding: 0px 9px 1px; color: #8D4900; }
    .vuiMenuDefault.vuiMenu:hover .vuiMenuLabel .vuiMenuLabelText { color: #96151d; text-decoration: underline; }
    .vuiMenuDefault.vuiMenu .vuiMenuLabel .vuiMenuIcon { width: 17px; min-width: 17px; max-width: 17px; background-position: 0px -598px; }
    .vuiMenuDefault.vuiMenu:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -623px; }
}


/*** Disabled ***/

.vuiMenu.vuiMenuDisabled .vuiMenuLabel .vuiMenuLabelText,
.vuiMenu.vuiMenuDisabled:hover .vuiMenuLabel .vuiMenuLabelText { color: #B3B3B3; text-decoration: none; }
.vuiMenu.vuiMenuDisabled .vuiMenuLabel .vuiMenuIcon,
.vuiMenu.vuiMenuDisabled:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -1111px; }

/* large */

@media (min-width: 1001px) , print
{
    .vuiMenu.vuiMenuDisabled .vuiMenuLabel .vuiMenuIcon,
    .vuiMenu.vuiMenuDisabled:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -673px; }
}

/* IE8 - large */

@media \0screen\,screen\9 
{
    .vuiMenu.vuiMenuDisabled .vuiMenuLabel .vuiMenuIcon,
    .vuiMenu.vuiMenuDisabled:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -673px; }
}


/*** vuiMenuStyle1 Skin ***/

.vuiMenuStyle1.vuiMenu .vuiMenuLabel,
.vuiMenuStyle1.vuiMenu.vuiMenuDefault .vuiMenuLabel { border: none; margin: 1px; background-color: transparent;}

.vuiMenuStyle1.vuiMenu.vuiMenuDefault .vuiMenuLabel .vuiMenuIcon { background:none; }

.vuiMenuStyle1 .vuiMenuLabel .vuiMenuIcon { background: none; }
.vuiMenuStyle1 .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle1:hover .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle1.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle1.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon:before { content: ""; display: block; width: 9px; height: 6px; background: url(./images/vui_nav_icons_20150814.png) 0px -790px no-repeat scroll;}

.vuiMenuStyle1.vuiMenu .vuiMenuItemsContainer { border: 1px solid #CCC; background-color: #fff; }
.vuiMenuStyle1 .vuiMenuItemsContainer .vuiMenuitem { padding: 3px 6px 4px; cursor: pointer; text-align: left; color: #333; }
.vuiMenuStyle1 .vuiMenuItemsContainer .vuiMenuItemHighlight {color: #FFF; background-color: #96151D;}
.vuiMenuStyle1.vuiMenu .vuiMenuItemsContainer .vuiMenuItemsScrollContainer { padding: 9px 3px 10px 3px; }

/* large */

@media (min-width: 1001px) , print
{
    .vuiMenuStyle1.vuiMenu .vuiMenuLabel .vuiMenuLabelText { padding: 0px 9px 1px; color: #8D4900;}
    .vuiMenuStyle1.vuiMenu .vuiMenuLabel:hover .vuiMenuLabelText { color: #96151d; text-decoration: underline; }
    .vuiMenuStyle1.vuiMenu .vuiMenuLabel .vuiMenuIcon { width: 17px; min-width: 17px; max-width: 17px; background-position: 0px -598px; }
    .vuiMenuStyle1 .vuiMenuOpen .vuiMenuLabel .vuiMenuLabelText { color: #96151d; }
    .vuiMenuStyle1 .vuiMenuOpen .vuiMenuLabel .vuiMenuIcon, .vuiMenu.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -648px; }
    .vuiMenuStyle1.vuiMenu:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -623px; }
	.vuiMenuStyle1 .vuiMenuLabel .vuiMenuIcon:before { background-position: 0px -775px; }
	.vuiMenuStyle1:hover .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle1.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle1.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon:before { background-position: 0px -790px; }
}
	
/* IE8 - large */

@media \0screen\,screen\9 
{
	.vuiMenuStyle1 .vuiMenuLabel .vuiMenuIcon:before { background-position: 0px -775px; }
	.vuiMenuStyle1:hover .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle1.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle1.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon:before { background-position: 0px -790px; }
}

/* Disabled */
	.vuiMenu.vuiMenuStyle1.vuiMenuDisabled .vuiMenuLabel .vuiMenuLabelText { color: #B3B3B3; text-decoration: none; }
	.vuiMenuStyle1.vuiMenuDisabled .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle1.vuiMenuDisabled:hover .vuiMenuLabel .vuiMenuIcon:before { background-position: 0px -805px; }


/*** vuiMenuStyle2 Skin ***/

.vuiMenu.vuiMenuStyle2 .vuiMenuLabel {
    height: 38px;
    min-width: 226px;
    padding-left: 12px;
    padding-right: 8px;
	background: #FFFFFF; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmU5ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EBE9EA 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EBE9EA)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #EBE9EA 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%, #EBE9EA 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%, #EBE9EA 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FFFFFF 0%, #EBE9EA 100%); /* W3C */ }
.vuiMenuStyle2.vuiMenu { cursor: default; font-size: 1em; font-size: 1rem; font-weight: normal; line-height: 1.5em; line-height: 1.5rem; }
.vuiMenu.vuiMenuStyle2 .vuiMenuLabel .vuiMenuLabelText { width: 196px; vertical-align: middle; padding: 0px; color: #333333; font-size: 16px; }
.vuiMenu.vuiMenuStyle2 .vuiMenuLabel:hover .vuiMenuLabelText { color: #96151d; text-decoration: none; }

.vuiMenu.vuiMenuStyle2 .vuiMenuLabel .vuiMenuIcon { width: 10px; height:5px; min-width:9px; max-width: 9px; background: none; }
.vuiMenuStyle2 .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle2:hover .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle2.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle2.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon:before { content: ""; vertical-align:-5px; display: inline-block; width: 10px; height: 6px; background: url(./images/vui_nav_icons_20150814.png) -16px -775px no-repeat scroll; }

.vuiMenu.vuiMenuStyle2 .vuiMenuItemsContainer .vuiMenuitem { height: 36px; line-height: 36px; padding: 0px 6px 0px; }

.vuiMenuStyle2.vuiMenu .vuiMenuItemsContainer { border: 1px solid #CCC; background-color: #fff; }

.vuiMenuStyle2 .vuiMenuItemsContainer .vuiMenuitem { padding: 3px 6px 4px; cursor: pointer; text-align: left; color: #333; }
.vuiMenuStyle2 .vuiMenuItemsContainer .vuiMenuItemHighlight {color: #FFF; background-color: #96151D;}
.vuiMenuStyle2.vuiMenu .vuiMenuItemsContainer .vuiMenuItemsScrollContainer { padding: 9px 3px 10px 3px; }
.vuiMenuStyle2.vuiMenu .vuiMenuLabel { border: 1px solid #CCC; background-color: #fff;  }

/* large */

@media (min-width: 1001px) , print
{
	.vuiMenu.vuiMenuStyle2 .vuiMenuLabel .vuiMenuIcon,
	.vuiMenu.vuiMenuStyle2.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon, 
	.vuiMenu.vuiMenuStyle2.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon { background: none; }
	.vuiMenuStyle2 .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle2:hover .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle2.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle2.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon:before { vertical-align:-7px; }
}

/* IE8 - large */

@media \0screen\,screen\9 
{
	.vuiMenu.vuiMenuStyle2:hover .vuiMenuLabel .vuiMenuLabelText { text-decoration: none; }
	.vuiMenuStyle2 .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle2:hover .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle2.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle2.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon:before  { vertical-align: -7px; }
}

/* Disabled */

.vuiMenu.vuiMenuStyle2.vuiMenuDisabled .vuiMenuLabel .vuiMenuLabelText { color: #B3B3B3; text-decoration: none; }
.vuiMenuStyle2.vuiMenuDisabled .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle2.vuiMenuDisabled:hover .vuiMenuLabel .vuiMenuIcon:before { background-position: 0px -805px; }

/* Menu Item Divider */

hr.vuiMenuItemDivider { border-top: 1px solid #CCCCCC; margin-top: 5px; margin-bottom: 6px; padding: 0px; font-size: 0%; }
.vuiSelectorContainer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vuiSelectorIcon {
    display: inline-block;
    cursor: pointer;
}

.vuiSelectorDisabled,
.vuiSelectorDisabled .vuiSelectorIcon {
    cursor: default;
}
.vuiSelectorContainer .vuiInput,
.vuiSelectorContainer .vuiSelectorInput {
    padding: 0px;
    height: 0px;
    width: 0px;
}

.vuiSelectorContainer .vuiSelectorInput {
    display: inline-block;
}

.vuiSelectorContainer input[type=checkbox],
.vuiSelectorContainer input[type=radio] {
   visibility: hidden;
   width: 0px;
   margin-right: 5px;
}

/*High Contrast Mode styles*/
.vuiHighContrastMode .vuiSelectorLabel {
    display: none;
}

.vuiHighContrastMode .vuiInput,
.vuiHighContrastMode .vuiSelectorInput {
    width: auto;
}

.vuiHighContrastMode input[type=checkbox],
.vuiHighContrastMode input[type=radio] {
    visibility: visible;
    width: auto;
}

@media \0screen\,screen\9 
{
	.vuiSelectorContainer input[type=checkbox],
	.vuiSelectorContainer input[type=radio] {
	    position: absolute;
	    left: -9999px;
	    visibility: visible;
	}
}